How to determine a Power BI report's width and height for embedding

Question

I am trying to embed a Power BI report into an iFrame in a web page. I have a list of reports gathered from the Power BI Rest API, and I would like to dynamically load the reports into an iFrame on the same page.

Only problem is, I can't seem to find a way to figure out the report's width and height.

I have a fixed with frame, so I'd like to calculate the needed height somehow (though if I can get the report dimensions / ratios I can figure that part out).

I can't access the iFrame content height after load due to javascript cross-domain restrictions.

Answer 1

please try adding the code below to your embed config settings

settings: {
layoutType: models.LayoutType.Custom,
customLayout: {
 displayOption: models.DisplayOption.FitToPage
}

I hope this helps.