Forum Discussion

offbeatmammal's avatar
offbeatmammal
New Member
4 years ago

transparency not working as expected with iframe

using the following code, with a dashboard that has both the background and wallpaper set to transparent in the editor still has a solid white background applied (so the bleed-through image from the hosting page doesn't show). Pretty sure this used to work (seems related to https://community.powerbi.com/t5/Developer/Background-transparent-setting-is-not-getting-applied-when/m-p/1081939#M23573) 

 

 

<iframe id="pbi" allowtransparency="true" onload="l()"
src="https://app.powerbi.com/reportEmbed?reportId=462...cc&pageName=ReportSect...224&autoAuth=true&ctid=3118...a94&config=ey...In0%3D"
frameborder="0" height="75%" width="100%" scrolling="auto">
</iframe>

 

 

Because of limitations of where we're embedding these we either need to use iframe or push into a DIV - can use javascript, but can't rely on serverside code to use the full 'playground' stuff

Need Help

2 Replies

  • Anonymous's avatar
    Anonymous
    Not applicable
    4 years ago

    Hi offbeatmammal ,

     

    1. You can change the Wallpaper setting as necessary on each Page you are publishing. 

     

    2. You may refer to this offical blog to learn how to transparent background in Power BI Embedded.

    let embedConfig = {
    ...
    settings: {
        localeSettings: {
            language: "en",
            formatLocale: "es"
        }
    }
};

    For more details, you may refer to this blog: Set the background color of a Power BI Embedded IFrame

     

    Best Regards,
    Rico Zhou

     

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

  • offbeatmammal's avatar
    offbeatmammal
    New Member
    4 years ago

    the "more details" you link to is deprecated.

    there seems to be no, simple, example of how to do a non-iframe embed, and the iframe embed (as above) doesn't work.