Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Enhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.

Reply
BITomS
Continued Contributor
Continued Contributor

CSS Overrides - Customisable PBI report canvas for embedding

Hi all,

 

We have an issue where our Power BI reports, embedded into our SaaS product, are loved by our clients, but our executive leadership are concerned about the alignment of the branding that is achievable in PBI to our own brand guidelines i.e. it doesn't have the "look and feel" they want. Whilst this might seem minor because clients are able to get the value they need, it is understandable to want a cohesive looking product.

 

I have been researching if there is a way to bring in more customisation of branding e.g: font types seem limited to a handful of options and even if we used our chosen font, when end users view any embedded report, unless they have the font style installed locally, they will not see the intended branding. However, it seems things like CSS override are only available via an app, and even then it is limited to anything outside the iframe.

 

Does anyone know of a way to align design of a PBI report within the iframe? Even some workarounds would be greatly appreciated. I know PBI has a fair amount of customisation, but based on what I have researched so far, it may not go far enough.

 

Many thanks!

1 ACCEPTED SOLUTION
v-pagayam-msft
Community Support
Community Support

Hi @BITomS ,
Thank you for reaching out to us on Microsoft Fabric Community Forum!

Power BI does provide theme based customization lets you align colors, backgrounds, and some layout elements with your brand but it does have limitations when it comes to full brand alignment, especially with custom fonts. Since Power BI reports are embedded using an iframe, there are security restrictions that prevent applying your own CSS inside the report content.
The best approach is to make the most of Power BI themes, design your reports thoughtfully, and use seamless embedding practices to help the reports blend visually with your application. Please follow helpful reference on report theming: https://learn.microsoft.com/en-us/power-bi/create-reports/desktop-report-themes
Hope this helps.

Regards,
Pallavi Gayam.

View solution in original post

2 REPLIES 2
v-pagayam-msft
Community Support
Community Support

Hi @BITomS ,
I hope the suggested solution worked for you. If you found any workaround,please share it the community and accept your answer as solution.It will be helpful for others who are facing similar issue.If it is not resolved, please feel free to reach out!
Thank you.

v-pagayam-msft
Community Support
Community Support

Hi @BITomS ,
Thank you for reaching out to us on Microsoft Fabric Community Forum!

Power BI does provide theme based customization lets you align colors, backgrounds, and some layout elements with your brand but it does have limitations when it comes to full brand alignment, especially with custom fonts. Since Power BI reports are embedded using an iframe, there are security restrictions that prevent applying your own CSS inside the report content.
The best approach is to make the most of Power BI themes, design your reports thoughtfully, and use seamless embedding practices to help the reports blend visually with your application. Please follow helpful reference on report theming: https://learn.microsoft.com/en-us/power-bi/create-reports/desktop-report-themes
Hope this helps.

Regards,
Pallavi Gayam.

Helpful resources

Announcements
July 2025 community update carousel

Fabric Community Update - July 2025

Find out what's new and trending in the Fabric community.

July PBI25 Carousel

Power BI Monthly Update - July 2025

Check out the July 2025 Power BI update to learn about new features.