Remove page bar in embedded reports

[jasondefaoite]

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.

[energydata]

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]

Thanks 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