Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM. Register now.

Reply
Orangesweater
Regular Visitor

Power BI- How to hide page navigation bar when embedding using iframe

Dear community,

I'm using the URL created by Power BI to embed my dashboard.
After some research in this forum I've already tried to extend the URL by the following:

 

navContentPaneEnabled=false

 

This didnt result in any kind of changes.

 

We are navigation through the dashboard through a more elegant way (links and buttons), so there is no need for the page navigation at all.

1 ACCEPTED SOLUTION
Anonymous
Not applicable

Hi @Orangesweater ,

You can refer the method from the last reply of mrothschild in the following thread:

Hiding Navigation Pane in iframe


This worked for me.  I'm not a coder, so I don't understand why, and I used trial & error to get the right cropping using the numbers in "clip:rect" below, but beyond that, don't have a capacity to answer questions on this.  

<div id="content">
    <div style="height:580px;width:960px">
      <iframe width="960" height="580" src="[URL LINK]" frameborder="0" height="100%" width="100%" style="position:absolute; clip:rect(0px,1100px,543px,0px);
            bottom:-0px; allowFullScreen="true" ></iframe>
   </div>
</div>

In addtion, you can achieve it by Javascript&colon;

Disable page navigation

yingyinr_0-1636362954842.png

Best Regards

View solution in original post

5 REPLIES 5
Anonymous
Not applicable

Hi @Orangesweater ,

You can refer the method from the last reply of mrothschild in the following thread:

Hiding Navigation Pane in iframe


This worked for me.  I'm not a coder, so I don't understand why, and I used trial & error to get the right cropping using the numbers in "clip:rect" below, but beyond that, don't have a capacity to answer questions on this.  

<div id="content">
    <div style="height:580px;width:960px">
      <iframe width="960" height="580" src="[URL LINK]" frameborder="0" height="100%" width="100%" style="position:absolute; clip:rect(0px,1100px,543px,0px);
            bottom:-0px; allowFullScreen="true" ></iframe>
   </div>
</div>

In addtion, you can achieve it by Javascript&colon;

Disable page navigation

yingyinr_0-1636362954842.png

Best Regards

Thanks a lot @Anonymous  , one question- how can we enable the Bookmark parameter, i tried &bookmarksEnabled=true --- it didnt work

Anonymous
Not applicable

Hi

 

I tried the javascript solution. I also tried the following solution: 

https://docs.microsoft.com/en-us/javascript/api/overview/powerbi/update-settings

 

add settings to the report config -

https://docs.microsoft.com/en-us/javascript/api/overview/powerbi/embed-paginated-report

 

manually add url parameters - 

navContentPaneEnabled=false&filterPaneEnabled=false&actionBarEnabled=false

 

However, none of the above worked for me. Please help.

 

Thanks a lot @Anonymous , one question- how can we enable the Bookmark parameter, i tried &bookmarksEnabled=true --- it didnt work

&navContentPaneEnabled=false

Works like a charm! Thanks!

Helpful resources

Announcements
Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

Check out the October 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

Top Solution Authors