Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Power BI is turning 10! Let’s celebrate together with dataviz contests, interactive sessions, and giveaways. Register now.

Reply
ukluk
Regular Visitor

My embedded report shows a scroll bar, how to control the size of the page?

After publishing a report to my Azure Workspace, I am able now to integrate it to my portal using JavaScript, but I get a scroll bar and not sure what property to adjust to make it fit the Div

 

 

Scrollbar.png

1 REPLY 1
v-ljerr-msft
Microsoft Employee
Microsoft Employee

Hi @ukluk,

 

Are you using <iframe> to embed your report within a Div? 

 

If that is the case, you should be able to change the width of the <iframe>, or set scrolling property to "no" to make it fit the Div in this scenario.Smiley Happy

 

var iframeHtml = "<iframe style=\"width:100%;height:100%;\" src=\"" + this.config.embedUrl + "\" scrolling=\"no\" allowfullscreen=\"true\"></iframe>";
	        this.element.innerHTML = iframeHtml;

For more details, you can refer to the Power BI Sample here.

 

Regards

Helpful resources

Announcements
June 2025 Power BI Update Carousel

Power BI Monthly Update - June 2025

Check out the June 2025 Power BI update to learn about new features.

June 2025 community update carousel

Fabric Community Update - June 2025

Find out what's new and trending in the Fabric community.