Power BI – Publish to Web to Remove Grey area on the sides

I was recently browsing the Power BI Forums, where I enjoy helping others with Power BI questions. Not only that, I also learn from other people in the community.

In this instance I was unaware that Lukasz Pawlowski had created a really useful site where I could put in the page details for my Publish to Web page, which would ensure that it fits nicely into my web page, without having the grey area’s on the side.

https://lukaszpawlowski-ms.github.io/Optimize-Publish-To-Web/

How to view my Publish to Web Page without the Grey Bars on the sides.

This is what my current embedded Publish to Web page looked like on my web site.

As you can see above, there are the grey bars at the top and the bottom. Not only that, it also does not fit the page correctly.

I went to Lukasz web page and put in the following as shown below.

I then clicked on Optimize, and this is what it looked like below.

There is a lot of additional information in the code, and I am not even going to try and figure out what it is doing. But I am going to assume it is doing some smarts with regards to ensuring that it fits into the page.

Now as you can see below I now have got my Embedded report fitting in exactly. Without the grey bars. I must be honest it did take a lot of minor tweaking to get it exactly right. Now I at least have got the exact requirements for any future pages.

I hope that you have found this useful, and a big kudos to Lukasz for creating this useful site.

As always if you have any comments or suggestions please leave them in the comments below.