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

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

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
Employee
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
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

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

Top Solution Authors