Forum Discussion
Blank space when embedding in web application
Hey V_Jith ,
To eliminate the white space:
Adjust the iframe size:
<iframe src="your_report_url" width="1440" height="1920" style="border: none;"></iframe>
CSS to remove margins or padding:
iframe { margin: 0; padding: 0; border: none; }Fit the report to the iframe:
<iframe src="your_report_url" width="100%" height="100%" style="border: none;"></iframe>
For Detailed Information:
Power BI Embedded: Embedding Power BI content into your appEmbedding Power BI reports using an iframe
Responsive iframe embedding examples
CSS Tricks: Understanding iframe size and layout
If you found this solution helpful, please consider accepting it and giving it a kudos (Like) it’s greatly appreciated and helps others find the solution more easily.
Best Regards,
Nasif Azam
Solution SageHi V_Jith
The white space appearing on the sides of your embedded Power BI report is typically caused by one of these common issues:
Your report canvas is 1440x1920 (3:4 ratio)
Your iframe container likely has a different aspect ratio
Solution: Ensure iframe dimensions match your 3:4 aspect ratio
If this post helps, then please consider Accepting as solution to help the other members find it more quickly, don't forget to give a "Kudos" – I’d truly appreciate it!
Thank you.