From this week, embedded reports now have a page number bar at the bottom of the report. The element is pbi-status-bar .
For reports which have a specific aspect ratio, this impacts the report size due to the loss of vertical space, resulting in white bars left/right of the report. We need a method to remove this. Would be happy with a method similar to that to remove the navigation bar (&navContentPaneEnabled=False added to the URL), or a way to remove it in the report itself.
2 Comments
- energydataRegular Visitor
Had the same issue. You'll need to use clip:rect
If you're embedding in an iframe, the code should look like this:
<iframe title="Your Title" width="1330" height="1330" src="https://app.powerbi.com/view?{YOUR REPORT EMBED STRING}" frameborder="0" allowFullScreen="true" style="position:absolute; clip:rect(0px,1330px,1300px,0px)"></iframe>The pbi-status-bar has ~25 px height, but you might need to play around with the amount of vertical clip.
Not sure about the code for pro version of power bi with API embed, but I hope this helps.
- v-yingjl
Community Support
Status changed:NewtoDoneThanks for energydata sharing the workaround, it would help others on the community who have the same issue.
Summary:
You'll need to use clip:rect
If you're embedding in an iframe, the code should look like this:
<iframe title="Your Title" width="1330" height="1330" src="https://app.powerbi.com/view?{YOUR REPORT EMBED STRING}" frameborder="0" allowFullScreen="true" style="position:absolute; clip:rect(0px,1330px,1300px,0px)"></iframe>The pbi-status-bar has ~25 px height, but you might need to play around with the amount of vertical clip.
Best Regards,
Community Support Team _ Yingjie Li