cancel
Showing results for 
Search instead for 
Did you mean: 

Fabric is Generally Available. Browse Fabric Presentations. Work towards your Fabric certification with the Cloud Skills Challenge.

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
v-yiruan-msft
Community Support
Community Support

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

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

View solution in original post

5 REPLIES 5
v-yiruan-msft
Community Support
Community Support

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

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

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

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 @nageshk , 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
PBI November 2023 Update Carousel

Power BI Monthly Update - November 2023

Check out the November 2023 Power BI update to learn about new features.

Community News

Fabric Community News unified experience

Read the latest Fabric Community announcements, including updates on Power BI, Synapse, Data Factory and Data Activator.

Power BI Fabric Summit Carousel

The largest Power BI and Fabric virtual conference

130+ sessions, 130+ speakers, Product managers, MVPs, and experts. All about Power BI and Fabric. Attend online or watch the recordings.