Forum Discussion
Blank space when embedding in web application
- 1 year ago
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
Hi V_Jith,
Thank you for reaching out to Microsoft Fabric Community.
Thank you Elena_Kalina, Nasif_Azam and wardy912 for the prompt response.
As we haven’t heard back from you, we wanted to kindly follow up to check if the solution provided by the user's resolved your issue? or let us know if you need any further assistance.
If any response resolved your issue, please mark it as "Accept as solution" and click "Yes" if you found it helpful.
Thanks and regards,
Anjan Kumar Chippa