Showing results for 
Search instead for 
Did you mean: 
Helper II
Helper II

Embedded report adding an unwanted 10px top margin to my iframe

I have embedded a report but can't seem to get it to fit the frame properly as there is a 10px top border. It is embedded with powerbi.js


When I embed it it the top of the report has an unwanted 10px margin which is filled with the report 'wallpaper'. The top bar is my webpage and the iframe is supposed to be seamless. The yellow line is the 10px margin that appears to be causing the problem. The line is yellow because I added a yellow 'wallpaper' in PBI desktop to prove that the line is within the iframe. How can I get rid of this margin? My report is exactly set to the frame size.

embedded renderembedded render

 Offending MarginOffending MarginView in PBI desktopView in PBI desktopPBI desktop page settingsPBI desktop page settings

Helper II
Helper II

I found a solution, but surely this is a bug.

The report renders correctly after embedding if I change the 'view' settings in PBI desktop to 'Fit to Page'.

fit to page.PNG



Helpful resources

UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

November Power BI Update 768x460.png

Check it Out!

Click here to read more about the November 2021 Updates!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.