The solution below provides step-by-step instructions on how to hide the black toolbar in a MicroStrategy Visual Insight Dashboard by using CSS code inside an HTML Container – it works in MicroStrategy 10.4.

In newer versions of MicroStrategy, 10.5 and above, the toolbar can be hidden by adding the parameter &hiddensections=dockTop to the URL API.

Hiding the toolbar in a VI Dashboard can be useful for embed analytics projects, where MicroStrategy Visual Insight Dashboards need to be displayed in full screen on Microsoft SharePoint intranet or extranet portals.

How to hide the toolbar in a MicroStrategy VI Dashboard Using CSS

css to remove visual insight dashboard toolbar

hide toolbar microstrategy

hide toolbar microStrategy visual insight dashboard

hide top section menu in a microstrategy VI dashboard

hide microstrategy visual insight dashboard toolbar without SDK

microstrategy visual insight html container

microstrategy visual insight dashboard hide toolbar

remove toolbar microstrategy dashboard

remove toolbar visual insight dashboard microstrategy

To hide the toolbar in a MicroStrategy Visual Insight Dashboard, follow the step-by-step instructions below or scroll down to the bottom of the page to watch a how-to video .

1. Complete the development and formatting of the Visual Insight Dashboard.

2. Make sure the MicroStrategy Web navigation bar is displaying at the top of your Visual Insight Dashboard – this will be required to save the VI Dashboard once the toolbar is hidden and the save button is no longer active. If the MicroStrategy Web navigation bar is not currently displayed, click on the Show Navigation Bar icon on the VI Dashboard toolbar to display it.

Show MicroStrategy Web navigation bar from a Visual Insight Dashboard

3. Add an HTML Container to your Visual Insight Dashboard, preferably in the lower section of the screen. In the HTML Container, go to the Properties Panel and select the HTML Text tab.

4. Then copy and paste the CSS code below into the HTML Text tab:

<style> .mstrmojo-RootView-menutoolbar {display: none !important;} </style>

5. Hit the Enter/Return key then click OK and the Visual Insight Dashboard toolbar should disappear for the current Sheet and or Panel.

6. Repeat steps 3 to 5 for all of the Sheets and Panels on your Visual Insight Dashboard.

7. To save, navigate out of the Visual Insight Dashboard by using the MicroStrategy Web navigation bar which should cause a prompt to pop up asking you to save the document.

The next time the Visual Insight Dashboard is opened, the toolbar will be hidden. To show the toolbar, login as Administrator, open the dashboard, and then add a new Sheet. To prevent MicroStrategy users from seeing the toolbar when adding a new Sheet, work with your MicroStrategy Administrator(s) and limit the users’ privileges to view only.

Video: How to Hide the Toolbar in a MicroStrategy Visual Insight Dashboard

Helpful Links: KB274546, KB319652, Adding web content to a DashboardW3Schools CSS
Video Music: Bensound