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

The ultimate Microsoft Fabric, Power BI, Azure AI & SQL learning event! Join us in Las Vegas from March 26-28, 2024. Use code MSCUST for a $100 discount. Register Now

Reply
nagaraj
Post Patron
Post Patron

White space in embed report

Hi,

 

 I have integrated my report with dotnet application, when i ran the application i see the big WHITE space on both sides of the report. Please help how to remove this 

 

Note: I have published report with Page view set as "Fit to Page". 

          When i change the view to "Fit to Width" i see no WHITE space but i see the VERTICAL SCROLL BAR on the application.

          

My objective is not to have any SCROLL BAR and report should fit in the CONTAINER on the application

 

Embedded.jpg

 

Regards

Nagaraj

2 ACCEPTED SOLUTIONS
Tahreem24
Super User
Super User

You need to manually adjust the width and height of the report to get rid off this scrolling with fit to width option.

For your better clarity refer to the below article:

https://www.fourmoo.com/2018/06/26/power-bi-publish-to-web-to-remove-grey-area-on-the-sides/

 

Don't forget to give thumbs up and accept this as a solution if it helped you!!!

Please take a quick glance at newly created dashboards : Restaurant Management Dashboard , HR Analytics Report , Hotel Management Report, Sales Analysis Report , Fortune 500 Companies Analysis , Revenue Tracking Dashboard

View solution in original post

Hi,

 

 I have adjusted the report manually to fit in the web page and used below style for DIV container

Then it worked, thanks for the hlep

 

<div id="embedContainer" style=" height: 550px;width: 100%;max-width: 1200px;"></div>

View solution in original post

6 REPLIES 6
Tahreem24
Super User
Super User

You need to manually adjust the width and height of the report to get rid off this scrolling with fit to width option.

For your better clarity refer to the below article:

https://www.fourmoo.com/2018/06/26/power-bi-publish-to-web-to-remove-grey-area-on-the-sides/

 

Don't forget to give thumbs up and accept this as a solution if it helped you!!!

Please take a quick glance at newly created dashboards : Restaurant Management Dashboard , HR Analytics Report , Hotel Management Report, Sales Analysis Report , Fortune 500 Companies Analysis , Revenue Tracking Dashboard

HI,

 

 Thanks for the suggestion, has seen the website just now.

 

 I was trying with Power BI Java script App owns data model solution provided by Microsoft.

 Tested the same report with that solution, there with out any changes, the report is showing perfectly fitted with in the container with out any changes. Not sure how they are doing here. but looks like there is a possiblity to get that with out report changes

hi  @nagaraj 

You could edit the height and width to have it fit in your portal's web page.

https://docs.microsoft.com/en-us/power-bi/collaborate-share/service-embed-secure

 

Regards,

Lin

Community Support Team _ Lin
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

HI @v-lili6-msft 

 

 Thanks for the suggestion, I am using Java script API to embed the reprot and we are using APP OWNS DATA MODEL here.

 Not sure if the solution in the website works as these has been done using IFrame...There we are using DIV Container

 

Regarsd

Nagaraj

hi  @nagaraj 

You could try it on your side, it should work well. 

 

Regards,

Lin

Community Support Team _ Lin
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Hi,

 

 I have adjusted the report manually to fit in the web page and used below style for DIV container

Then it worked, thanks for the hlep

 

<div id="embedContainer" style=" height: 550px;width: 100%;max-width: 1200px;"></div>

Helpful resources

Announcements
Fabric Community Conference

Microsoft Fabric Community Conference

Join us at our first-ever Microsoft Fabric Community Conference, March 26-28, 2024 in Las Vegas with 100+ sessions by community experts and Microsoft engineering.

February 2024 Update Carousel

Power BI Monthly Update - February 2024

Check out the February 2024 Power BI update to learn about new features.

Fabric Career Hub

Microsoft Fabric Career Hub

Explore career paths and learn resources in Fabric.

Fabric Partner Community

Microsoft Fabric Partner Community

Engage with the Fabric engineering team, hear of product updates, business opportunities, and resources in the Fabric Partner Community.