topic Re: Power BI Logo blinks in iFrame when integrating Power BI report into Web App in Developer

Power BI Logo blinks in iFrame when integrating Power BI report into Web App

karthikeayan — Mon, 29 May 2017 12:34:55 GMT

I have followed this doc "https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report-get-report" to integrate Power BI report into my web application.

All steps went fine, but finally in my iFrame, I am not seeing the Power Bi report, instead getting blinking Power BI icon.

Anyboy faced same kind of issue already?

Re: Power BI Logo blinks in iFrame when integrating Power BI report into Web App

Eric_Zhang — Tue, 30 May 2017 09:16:47 GMT

karthikeayan wrote:

I have followed this doc "https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report-get-report" to integrate Power BI report into my web application.

All steps went fine, but finally in my iFrame, I am not seeing the Power Bi report, instead getting blinking Power BI icon.

Anyboy faced same kind of issue already?

karthikeayan

What is the output in the browser console(F12, console tab)? I can embed a report without any issue, see a demo with below static HTML. Just replace the accesstoken and reportid with yours and save it in a .html file, then open it in Chrome.

<html>

 <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"></script>

<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script>
 
<script type="text/javascript">
window.onload = function () {  
 

var embedConfiguration = {
    type: 'report',
    accessToken: 'your access Token here',
    embedUrl: 'https://app.powerbi.com/reportEmbed?reportId=yourReportIDhere' 

}; 
 

var $reportContainer = $('#reportContainer');
 
var report = powerbi.embedNew($reportContainer.get(0), embedConfiguration);
 
}
</script>

<div id="reportContainer" ></div>

</html>

Re: Power BI Logo blinks in iFrame when integrating Power BI report into Web App

karthikeayan — Tue, 30 May 2017 09:27:03 GMT

okay, I found the issue. My javascript was screwed up.

I was getting 403 in my console window.

Now I fixed it!