Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.
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?
Solved! Go to Solution.
@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?
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>
okay, I found the issue. My javascript was screwed up.
I was getting 403 in my console window.
Now I fixed it!
@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?
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>
okay, I found the issue. My javascript was screwed up.
I was getting 403 in my console window.
Now I fixed it!