Skip to main content
Microsoft Idea

Power BI

Completed

Collapse App Navigation Pane

Vote (587) Share
's profile image

on 27 May 2019 19:00:46

The new app navigation experience is great but can take up a good chunk of screen retail space.

The option to collapse/uncollapse the navigation pane would be a great feature for users, allowing them to focus entirely on the report/dashboard

Administrator on 15 Apr 2020 06:40:53

We've released an update to the app navigation experiences that includes the ability to collapse the left navigation. Read all about it in our blog: https://powerbi.microsoft.com/en-us/blog/announcing-designing-custom-navigation-for-power-bi-apps-is-now-generally-available-ga/

Comments (37)
's profile image Profile Picture

Power BI User on 06 Jul 2020 00:04:01

RE: Collapse App Navigation Pane

The full screen button for the report doesn't work as it keeps showing the navigation pane and you can't collapse it

's profile image Profile Picture

Power BI User on 06 Jul 2020 00:03:22

RE: Collapse App Navigation Pane

Can you explain a bit more please ? How to achieve this ? Has this to be done on Desktop ?

's profile image Profile Picture

Power BI User on 06 Jul 2020 00:03:13

RE: Collapse App Navigation Pane

'"While we wait for Microsoft to implement this properly, here's a bookmarklet that lets you show/hide the navigation pane while you're in a Power BI app. Just add this to your bookmarks:

javascript:( () =>{nav=document.getElementsByTagName('app-navigation-pane')[0];nav.style.display==='none' ? nav.style.display='' : nav.style.display='none';}) ()

It saves the first HTML tag with the name 'app-navigation-pane' (there's only one in the page) into a variable called "nav", then if the display property was set to none, it unsets it, otherwise it adds it back. The whole thing is wrapped in a function with () =>{}, and a set of parens is used to group together the function statement while another at the end calls the function. All of this is to avoid having the value 'none' or '' return and replace the whole page."

- This is a great little workaround, thanks very much for posting! It means at least I can give my users a solution to this with very little work involved

's profile image Profile Picture

Eduardo Dutra on 06 Jul 2020 00:00:58

RE: Collapse App Navigation Pane

Please, this is a very important item, my team team are very disaponted with this new pane, its very usefull, but with no option to hide/show the pane, they are complaining every day.

's profile image Profile Picture

Garry on 06 Jul 2020 00:00:09

RE: Collapse App Navigation Pane

Please add this hide/show functionality for the Nav pane. We cannot use the Nav pane until this happens.

's profile image Profile Picture

Chi Truong on 05 Jul 2020 23:59:41

RE: Collapse App Navigation Pane

The reason why my "new look" is still turn OFF.

's profile image Profile Picture

Alexandre Jensen-Lynch on 05 Jul 2020 23:58:12

RE: Collapse App Navigation Pane

While we wait for Microsoft to implement this properly, here's a bookmarklet that lets you show/hide the navigation pane while you're in a Power BI app. Just add this to your bookmarks:

javascript:( () =>{nav=document.getElementsByTagName('app-navigation-pane')[0];nav.style.display==='none' ? nav.style.display='' : nav.style.display='none';}) ()

It saves the first HTML tag with the name 'app-navigation-pane' (there's only one in the page) into a variable called "nav", then if the display property was set to none, it unsets it, otherwise it adds it back. The whole thing is wrapped in a function with () =>{}, and a set of parens is used to group together the function statement while another at the end calls the function. All of this is to avoid having the value 'none' or '' return and replace the whole page.

's profile image Profile Picture

Power BI User on 05 Jul 2020 23:57:33

RE: Collapse App Navigation Pane

At our company, inability to expand/collapse the navigation bar is one of the top arguments against Power BI in favor of the incumbent Tableau. For an additional option how about "Synch with Bookmark Bar/Favorites" and navigate from there if preferred ... just an idea. Power BI is an amazing product but this feature is critical. Thanks!

's profile image Profile Picture

David Scott on 05 Jul 2020 23:57:03

RE: Collapse App Navigation Pane

I agree with this suggested improvement.

's profile image Profile Picture

J on 05 Jul 2020 23:56:27

RE: Collapse App Navigation Pane

I agree with this 100%! I love the navigation, but all other Microsoft tools I use for Front-end data consumption allow panes or ribbons to collapse.