cancel
Showing results for 
Search instead for 
Did you mean: 
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 , and Fortune 500 Companies Analysis

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 , and Fortune 500 Companies Analysis

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
June 2022 update 768X460.jpg

Check it out!

Click here to read more about the June 2022 updates!

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Power BI Dev Camp Session 23 768x460.jpg

Check it Out!

Mark your calendars and join us on Thursday, June 30 at 11a PDT for a great session with Ted Pattison!

June 20 episode 7 with aka link 768x460.jpg

The Power BI Community Show

Join us on June 20 at 11 am PDT when Kim Manis shares the latest on Azure Synapse analytics, the Microsoft Intelligent Data Platform, and notable Power BI Updates from Microsoft Build 2022.

Top Solution Authors
Top Kudoed Authors