Display full-width iFrame / embed report

[nlourenco]

How do I specify the report in my iFrame to occupy the full width and height of the container for which it lives in?

I already replaced the explicit width and height values of the iFrame tag with 100%...

<iframe width="100%" height="100%" src="" frameborder="0" allowFullScreen="true"></iframe>

...but when the report renders it is still smaller - the report components further down are given explicit width and height values 😣

The help documentation only mentions the app.powerbi.com implementation but nothing about iFrame. I'm essentially trying to achieve Fit to Page on the embed.

[Anonymous]

HI @nlourenco,

It seems like you are work with 'publish to web' feature and try to display it with full screens mode, right? Where are you test with this embed iframe code? I test with iframe code and configure its size to 100%, it works well on my side.
For this scenario, I think 'iframe size' issue should more related to your website, please double check on your side style, script, function and codes. (it might be conflicted with other script or code on your web site)

Regards,

Xiaoxin Sheng

[nlourenco]

Nope, this issue resides with the iframe and the contents thereof. As mentioned, the report components within the iFrame are given explicit width and height values despite setting the iframe to 100%. I also, believe the page tab bar (for which users have no control over) is affecting the overall size of the iframe.

[Anonymous]

Hi @nlourenco,

In fact, I already test the iframe width 100% size on a blank web page. It can display with correct size, so I think it may be affected by external style or scripts.

Regards,

Xiaoxin Sheng