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
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 app
Embedding 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