Forum Discussion

Michele_Zanoni's avatar
Michele_Zanoni
Frequent Visitor
8 years ago
Solved

Embedding a Report into a web page, easiest way

Hello all,   I'd like to ask advice on how to better be introduced into the world of embedding Power BI.   This is our current predicament: we have a database SQL on Azure and a Report+Dashboard ...
Need Help
Tutorial Requests
az2451's avatar
az2451
Resolver I
8 years ago

Hi Michele,

 

the easiest way i know to bind a report into a webpage is to publish them first and then bind it in your page by using an Iframe like so:

 

 

After you press on "Publish to web" you will get a code similar to this: 

 

<iframe width="800" height="600" src="https://app.powerbi.com/view?r=xxx" frameborder="0" allowFullScreen="true"></iframe>

This html-code you just have to paste in your webpage and youre ready to go.

 

Btw: you can resize it if you want by using the attributes width="800" and height="600"

 

Im not sure about the wp-plugin but i think thats not safe as you maybe have to offer your login-credentials to use the plug-in. I dont recommend to use it if its a third-party developer. Keep your data safe :)

 

 

 

 

Nihar's avatar
Nihar
New Member
6 years ago

Hi

I have used Iframe to show the power bi report in mvc web application. The code is as below:

<iframe id="frame" width="800" height="600" src="https://msit.powerbi.com/reportEmbed?reportId=xxx" frameborder="0" allowFullScreen="true"></iframe>

 

After running the application, when i am trying to sign in to power bi, the following popup is getting displayed "The webpage you are trying to view is closing the tab. Do you want to close the tab". If i click on Yes or No, power bi report is loading in the web page instead of showing up in the iframe.

 

Can anyone suggest me what is the issue in this?

 

Thanks

Nihar