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

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more

Reply
PBIlomiddze
Regular Visitor

Hide Loading Logo of power BI in Embeded Iframe

Hi, 

I am trying to hide a Power BI loading logo when the report is loaded in I-frame.

used https://github.com/shadel/PowerBI-React library but it made loading speeds dramatically slower, what can be the reason, or what can be an alternative solution for that?

1 REPLY 1
Anonymous
Not applicable

Hi @PBIlomiddze ,

 

One solution is to use the Power BI Embedded JavaScript SDK to hide the flickering Power BI logo that appears when a report is loaded.

Another solution is to use some HTML, CSS and JavaScript code to add a custom gif that will overlap the div element containing the report. You can then hide the gif and show the report when the loaded event is fired.

 

Please refer to the following documents for more information.

https://stackoverflow.com/questions/52487794/hide-the-power-bi-logo-during-visualization-load

https://azure.microsoft.com/en-us/updates/power-bi-embedded-feature-hide-the-power-bi-logo-during-vi...

https://community.fabric.microsoft.com/t5/Service/Hide-Loading-Logo-of-power-BI-in-Embeded-Iframe/m-...

 

Best Regards,

Neeko Tang

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

Helpful resources

Announcements
Power BI DataViz World Championships

Power BI Dataviz World Championships

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!

December 2025 Power BI Update Carousel

Power BI Monthly Update - December 2025

Check out the December 2025 Power BI Holiday Recap!

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.