jasondefaoite's avatar
jasondefaoite
Icon for Advocate I rankAdvocate I
4 years ago
Status:
Done

Remove page bar in embedded reports

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

  • energydata's avatar
    energydata
    Regular 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's avatar
    v-yingjl
    Icon for Community Support rankCommunity Support
    Status changed:
    New
    to
    Done

    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