Embed in to web with transparency - everywhere or nowhere

[Anonymous]

Good day,

We embedded PowerBI reports using example MVC web application with transparent background using following settings:

            var config = {
                type: 'report',
                tokenType: models.TokenType.Embed,
                accessToken: accessToken,
                embedUrl: embedUrl,
                id: embedReportId,
                permissions: models.Permissions.All,
                settings:
                {
                    background: models.BackgroundType.Transparent,
                    filterPaneEnabled: false,
                    navContentPaneEnabled: true,
                    localeSettings: {
                        language: 'en',
                        formatLocale: 'en'
                    }
                }
            };

However, now all report's background became transparent, despit transparency level set there. Originally, without "background: models.BackgroundType.Transparent" transparency didn't work at all.

How this could be taken under control without setting some picture as a background in all non-transparent reports?

Grateful in advance!

[Anonymous]

yes... is it as designed?

[Anonymous]

Yes, but their backgrounds (areas not covered by any UI control element, like table, slicer, etc.), not backgrounds of UI controls. And it doesn't respect this general background transparency setting - no effect.

[Anonymous]

Exactly! Then only UI control's transparency value has an effect over appearance (like text box background transparency value) but it is limited to control's area only.

[v-lionel-msft]

Hi @Anonymous ,

In other words, when you do this, all pages become transparent?

Best regards,
Lionel Chen

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