Forum Discussion

Anonymous

Not applicable

4 years ago

Solved

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=fal...

Need Help

Show and Tell

Tips and Tricks

Anonymous
4 years ago
Hi Anonymous ,

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

Best Regards

Anonymous

Not applicable

4 years ago

Hi Anonymous ,

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

Best Regards