How to hide navigation bar in full screen view Power BI Service

[Sebastiaan99]

Hi,

I am trying to figure out how to hide the grey navigation bar when viewing a power bi report full screen.

I come across some examples where the grey bar is present in full screen mode, like these

https://excellab.at/kununu-bewertungen/

 

But I also come across examples where there is NO grey navigation bar in full screen mode. Like here:

https://innovatienul13.nl/monitoring/overzicht-locaties/

 

Can anyone explain how this was done and therefore clarify how to hide this grey navigation bar?

I already tried to hide all pages in my report and use only in-report navigation. And I also reduced my report to a single page. It all doesn't seem to make a difference in the appearance of the grey navigation bar in full screen view mode.

Regards.

[Shaky_]

Hey,

I didn't find any good solutions until I stumbled on this one. Using the embed link, just toss this to the end of it and it will provide you with a report that is missing the whole bottom bar and gives you a nice clean look:

&navContentPaneEnabled=false

[Burningsuit · Accepted solution]

Hi @Sebastiaan99 

Both of your examples have the grey navigation bar, it's just that on the second example

https://innovatienul13.nl/monitoring/overzicht-locaties/

The grey navigation bar is only seen after you click on the fullscreen arrow at bottom right twice once to fill the screen and once again to get the grey bar.

The is because the first example has allowFullScreen="true" in the html Iframe that embeds the report into the web page. In this case the used sees the grey navigation bar as soon as they click fullscreen on bottom right.

The second example does not have allowFullScreen="true" in the html Iframe that embeds the report into the web page. In this case the user only sees the grey navigation bar if they click twice on the full screen icon on bottom right.

Hope this helps

Stuart 

(who has spent far too much time following this one down the rabbit hole, but hey, it's better than working!)

[Supasit]

@Burningsuit how can i figure allowfulscreen="true" in html 

[Sebastiaan99]

Both reports were published to web, using a public link. That still doesn't explain why one published report is showing a gray navigation bar in full screen mode and the other not.

[Sebastiaan99]

@Fowmy 

As far as I can see, both reports were shared using a Publish to Web option. Can you explain how that makes the difference between both reports in showing / not showing this grey navigation bar?

[Fowmy]

@Sebastiaan99 

If you are sharing as Publish to Web, the "allowFullscreen" is an attribute of Iframe which you can set to False. Otherwise, there is no option to hide it.

 

[Sebastiaan99]

@Fowmy 

I see what you mean, but the question is not about hiding the full screen option.

If you look carefully to both screen images you see there is an entire navigation bar missing in the second image. And both reports are in full screen mode at that time. You can see for yourself by following the url's.

Now the question is, how did the second one manage to get rid of this grey navigation bar completely? 

[Fowmy]

@Sebastiaan99 

As mentioned before, it was a Public link, that report was shared using Publish to Web option

[Sebastiaan99]

Both reports were in the same way published to web and both are being viewed through a public link. As there is no difference between both reports at this point, it cannot explain why one report has a grey navigation bar in full screen mode and the other not.