Hide buttons within dropdown menu items in Rapid Portal

Use Case: There are a number of download possibilities by default within the Rapid Portal and Tableau toolbar but I only want users to be able to download pngs, pdfs, or powerpoints of the dashboards.

Solution: Add custom CSS to your index.html page.

  1. Navigate to the Admin page editor within the user menu > edit the index.html file
  2. Within the style tage inside the head of the page <style></style> add the following code:
z-nav-download-button li:nth-child(-n+3) {
        display: none !important;
    }

image

  1. Save!

The above code will hide the first 3 download options within the dropdown download dialogue.

Before:
image

After:
image

Note: It may also be possible to control some of the above options by adjusting certain user permissions in Tableau

More info on how to use nth styling in css: Useful :nth-child Recipes | CSS-Tricks - CSS-Tricks