Hide navigation pane

[profiloweb]

I have a website , and on each page I want to display a single report of my project, and for that I don't want to display the Power BI pane with pages located in the bottom of the dashboard.

It's possible?

Thanks!

[pranayreddy]

hi @profiloweb 

Open the report you which you don't want to display Power BI pane with pages located in the bottom of the dashboard and click on the File menu (top-left corner), select Embed report > Website or Portal. A window will pop up with an Embed URL. Copy the entire URL, add these parameters to the URL to hide the navigation and filter pane: 

https://app.powerbi.com/reportEmbed?reportId=your-report-id&groupId=your-group-id&autoAuth=true&hide... 

• Replace your-report-id and your-group-id with the actual report ID and group ID you copied from Power BI.

Now, on your website, use an iframe to embed the report. Just copy and paste the following code where you want the report to appear: 

<iframe width="100%" height="600px" src="https://app.powerbi.com/reportEmbed?reportId=your-report-id&groupId=your-group-id&autoAuth=true&hideNavigation=true&filterPaneEnabled=false&navContentPaneEnabled=false" frameborder="0" allowFullScreen="true"></iframe>
 This will display the report on your website, without showing the Power BI navigation pane or filter pane at the bottom. You can adjust the width and height values to fit the space on your webpage and save it.

Following are some embeded code to add in url:

• hideNavigation=true: Hides the page navigation bar (at the bottom). 

• filterPaneEnabled=false: Hides the filter pane (the filters on the right side). 

• navContentPaneEnabled=false: Hides the left navigation pane (if it appears).

Here is the sample report before embeded:

image after adding embeded url to it:

Image after adding embeded code in it :

That's how we can hide the navigation pane, I think you will meet your goal with these steps.

[profiloweb]

This is the solution I was looking for, it just doesn't work for me! 😭

<iframe title="Title" allowfullscreen src="https://app.powerbi.com/view?r=eyJrIjoiYzxxxxxxxxx00ZTgzLTgwNTEtZTFmOGQ3NzgzYzljIiwidCI6Imxxxxxxxxx1..."></iframe>

[pranayreddy]

Modify your embed URL to use the proper format with parameters for hiding the UI. Use the correct :

 You should modify your embed URL to look something like this:  

<iframe width="100%" height="600px" src="https://app.powerbi.com/reportEmbed?reportId=your-report-id&groupId=your-group-id&autoAuth=true&hide..." frameborder="0" allowFullScreen="true"></iframe>

This should work to embed your Power BI report without the navigation and filter panes showing. Let me know if you continue to face any issues!

 

[profiloweb]

If I change the url like this it works: the navigation pane disappears.
But there is one big problem: it asks to log in to view the report!

[Anonymous]

Hi, @profiloweb 

If your report is not sensitive, you can use the "Publish to Web" feature in Power BI. This generates a URL that can be embedded in your website without requiring a login. However, be cautious as this makes the report publicly accessible.

Publish to web from Power BI - Power BI | Microsoft Learn

How to Get Your Question Answered Quickly

Best Regards

Yongkang Hua

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[Anonymous]

Hi, @profiloweb 

For information about report embedding, you can check out the links below:

Embed a report in a secure portal or website - Power BI | Microsoft Learn

Embed a report in Power BI embedded analytics | Microsoft Learn

How to Get Your Question Answered Quickly

Best Regards

Yongkang Hua

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[MFelix]

Hi @profiloweb ,

You can publish an app and that will transform the page navigation from horizontal to vertical and the user have a button to hide it:

https://learn.microsoft.com/en-us/power-bi/collaborate-share/service-create-distribute-apps

[profiloweb]

No, I don't want to let users know that there are other reports

[Singamshetty994]

Hi  @profiloweb 
Yes, it's definitely possible to display a single Power BI report on a webpage without showing the Power BI pane or navigation. You can achieve this using Power BI Embedded.

[profiloweb]

But it is another tool: I want to do it directly from PowerBi.

[MFelix]

Hi @profiloweb ,

This is not another tool, this is the service functionality were you can share your reports.

If you don't want to have the users to know the other pages and force them to see a single page and then navigate based on a custom navigation pane you need to hide all the pages except for one and then publish your report this will not show the navigator below because you only have a page visible.

[vojtechsima]

@profiloweb 

Hello,

I don't think so,

the only thing you can probably do, is to hide all pages except the one.

And then save copy of your report with alternating pages shown and publish is separately, however, that's tedious.

Or hide all pages and create navigation bar inside the report as a visual.

[profiloweb]

I hope there is a cleaner and simpler solution