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

Next up in the FabCon + SQLCon recap series: The roadmap for Microsoft SQL and Maximizing Developer experiences in Fabric. All sessions are available on-demand after the live show. 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
New to Fabric survey Carousel

New to Fabric Survey

If you have recently started exploring Fabric, we'd love to hear how it's going. Your feedback can help with product improvements.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.

FabCon and SQLCon Highlights Carousel

FabCon &SQLCon Highlights

Experience the highlights from FabCon & SQLCon, available live and on-demand starting April 14th.

March Power BI Update Carousel

Power BI Community Update - March 2026

Check out the March 2026 Power BI update to learn about new features.