Hide Loading Logo of power BI in Embeded Iframe

[PBIlomiddze]

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?

[v-tangjie-msft]

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.