The ultimate Fabric, Power BI, SQL, and AI community-led learning event. Save €200 with code FABCOMM.
Get registeredEnhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends September 15. Request your voucher.
Hi,
is it possible put one tile into different tag than iframe? With PowerBI embedded or with PowerBI API?
Solved! Go to Solution.
You can use a DIV, but underlying it sets innerHTML ='<iframe src=....' for the DIV. What is your problem with iframe?
<html> <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/jquery/dist/jquery.js"></script> <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/powerbi-client/dist/powerbi.js"></script> <script type="text/javascript"> window.onload = function () { var embedConfiguration = { type: 'report', accessToken: 'ey..your token here..', id: 'db..your report id here..', embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=your report id here' }; var $reportContainer = $('#reportContainer'); var report = powerbi.embed($reportContainer.get(0), embedConfiguration); } </script> <div id="reportContainer"></div> </html>
You can use a DIV, but underlying it sets innerHTML ='<iframe src=....' for the DIV. What is your problem with iframe?
<html> <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/jquery/dist/jquery.js"></script> <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/powerbi-client/dist/powerbi.js"></script> <script type="text/javascript"> window.onload = function () { var embedConfiguration = { type: 'report', accessToken: 'ey..your token here..', id: 'db..your report id here..', embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=your report id here' }; var $reportContainer = $('#reportContainer'); var report = powerbi.embed($reportContainer.get(0), embedConfiguration); } </script> <div id="reportContainer"></div> </html>