Forum Discussion
Display a report inside a React.js application with powerbi-client library
Hello, I'm trying to display a published report inside a React Component but I've got some problems with dimensions. The report doesn't fit the container without using fixed width and height. W...
Hi lucavigo ,
Please review the following threads which has the same problem as yours, hope they can help you also solve the problem.
how to give width and height in power bi report in embedding
To resolve this issue, set the height and width manually in the iframe instead of using 100%.Please find the reference code below:
<iframe width="1080" height="520" src="Your_source_link" frameborder="0" allowFullScreen="true"></iframe>My output with height and width as 100%:
After changing the height and width:
Please find more references here: How to determine a Power BI report's width and height for embedding
How to determine a Power BI report's width and height for embedding
Fit content to angular powerBi client iframe
Best Regards