Blank Login Popup in Embedded Power BI Dashboard in Web Application

[saintmantis]

I am experiencing an issue with embedding a Power BI dashboard in my Django web app using an iframe. The login popup for Microsoft authentication appears blank, and multiple login popups are being triggered. This problem started recently, though the setup was previously working without issues.  Any guidance or troubleshooting steps would be appreciated.

The code -  

 <iframe id="powerbi-frame" title="title_name" width="100%" height="100%" src="https://app.powerbi.com/reportEmbed?reportId={reportid}&autoAuth=true&ctid={ctid}" frameborder="0" allowFullScreen="true"></iframe>

The login window for microsoft for accessing the embedded powerbi dashboard - 

                                                         

I do have a valid SSL Certificate for the site.

Thankyou

[Anonymous · Accepted solution]

Hi  @saintmantis ,

According to the error message, Edge will block loading from insecure sources. This error may occur when a website's security certificate is invalid or when the website does not use HTTPS to encrypt data. You can refer to the link below for more information on similar issues:

"The Connection for This Site is Not Secure" - Microsoft Community

How to Fix "Your Connection Is Not Private" Errors (howtogeek.com)

Best Regards,

Liu Yang

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