Hiding the Toolbar in a MicroStrategy Visual Insight Dashboard Using CSS

Icon - LocationHOME
MicroStrategy Visual Insight
Icon - Astronaut
Adonis Salazar
Icon - Calendar
September 4, 2023
Icon - Categories

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.

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

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 MicroStrategy Visual Insight Dashboard can be useful in embedded analytics projects, where a Visual Insight Dashboard needs to be displayed in full screen on a Microsoft SharePoint intranet or extranet portals.

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.

MicroStrategy Visual Insight Navigation Bar

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.

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

Helpful Links: KB274546, KB319652, Adding web content to a Dashboard, W3Schools CSS

Video Music: Bensound

Icon - Scroll to Top