White space in embed report

[nagaraj]

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

Regards

Nagaraj

[Tahreem24 · Accepted solution]

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/

[Tahreem24 · Accepted solution]

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/

[nagaraj]

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

[v-lili6-msft]

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

[nagaraj]

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

[v-lili6-msft]

hi  @nagaraj 

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

Regards,

Lin

[nagaraj · Accepted solution]

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>