The ultimate Fabric, Power BI, SQL, and AI community-led learning event. Save €200 with code FABCOMM.
Get registeredCompete to become Power BI Data Viz World Champion! First round ends August 18th. Get started.
We are embeding a pbi report in our app using the javascript api. The issue is the background color of the iframe / div exploreCanvas is a grey [#EAEAEA]. For seamless integration in our app i'd like to remove the background color or set it to white. Any ideas?
Use the Wallpaper setting section in the Format Pane and set the wallpaper color to black or #000000 or the color you wish. That would be the color of the iframe.
@Anonymous wrote:
We are embeding a pbi report in our app using the javascript api. The issue is the background color of the iframe / div exploreCanvas is a grey [#EAEAEA]. For seamless integration in our app i'd like to remove the background color or set it to white. Any ideas?
@Anonymous
I used to read some blog and did some research on changing the background of an iframe. The conclusion is that, iframe is a container, you can change the container background color but not the the background color of the html page in the container, which means no for your request, you can't change the background color of the power bi page in the iframe.
There seems some Javascript tricks that can manipulate the page CSS stype in the iframe only if the page is from the same domain of the main page containing iframe. However Power BI report pages are surely not from the same domain of your web application.
I was hoping this could be added the the javascript API. I'm going to go vote for that.
This is being discussed here...
And it appears it will be available 'soon'.