iframe scaling issue

[cjemmott]

I am currently using PowerBI Premium and am embedding reports into my web application using an iFrame. When I am viewing reports at design time in app.powerbi.com the "Fit to page" option works great. When I embed these reports in an iFrame in my web app, it does not. Specifically it behaves as if it were set to "Fit to width".

I have read the following resources:

https://powerbi.microsoft.com/en-us/documentation/powerbi-service-publish-to-web/#tips-and-tricks-fo...

https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details

https://powerbi.microsoft.com/en-us/documentation/powerbi-service-tutorial-change-report-display-set...

but none of these were helpful in resolving this issue.

[fotomaxstudio]

Not sure if this would help but this tool helped me to get rid of grey areas

https://lukaszpawlowski-ms.github.io/Optimize-Publish-To-Web/

[Nikhil93]

Hey There,

Was looking for this for quite a few days. Works like a charm. 

Thank you,

Nikhil 

[GilbertQ]

Hi @cyan

The suggestion by @fotomaxstudio would be the best option to get it to remove the white spaces at the end.

[cjemmott]

I opened ticket 117072116076977 about this on July 24 and will keep this topic updated.  It is an ongoing production issue.

[cyan]

Hello,

@cjemmott any updates on this issue? 

@GilbertQ You can check in the Microsoft embedded sample by resizing the page there is grey space at the height of the iframe meanwhile the width is adjusting normally. https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html 

Thus it's not fulfilling the condition of "Fit to Page" view, any suggestions about a possible solution? 

Thanks...

[GilbertQ]

Possibly a simple solution but have you specified the iFrame sizing for your application?

I have viewed some embedded applications and it did fit in as expected. (I did not create the embedded applications though)