How to reuse the Powerbi.Embed to load the same report in Modal Popup

[Anonymous]

Hi All,

I am using Powerbi.Embed to authenticate  the Power bi report using Azure AD and loading the report in my own asp.net application.

Here i have provided option to load the same report in Modal Popup to show report in full screen.

Below is my javascript code:

 var config = {
                        type: 'report',
                        tokenType: models.TokenType.Embed,
                        accessToken: aadPBIToken,
                        embedUrl: aadPBIEmbdUrl,
                        id: aadPBIRptID,
                        permissions: models.Permissions.All,
                        settings: {
                            filterPaneEnabled: true,
                            navContentPaneEnabled: true,
                        },
                    };
                    var reportContainer = $('#reportContainer')[0];
                    var report = powerbi.embed(reportContainer, config);

 $("#anchMak").click(function () {
                    modal.open({ content: '<embed id="iFrameModalContainer" width="1300" height="700" src="' + aadPBIEmbdUrl + '"></embed>' });
                });

As we can see in above code on achor button click i am opening the modal and passing the PowerbiEmbedUrl in modal content.

But reports are not loading.

Please suggest to make it work.