Forum Discussion
Hide navigation pane
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:
- 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.
This is the solution I was looking for, it just doesn't work for me! ğŸ˜
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.
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&hideNavigation=true&filterPaneEnabled=false&navContentPaneEnabled=false" 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!
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!
