Skip to main content
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM. Register now.

Reply
marcobaciga
Helper I
Helper I

Put tile in html tag different iframe

‎01-05-2017 01:36 AM

Hi,

is it possible put one tile into different tag than iframe? With PowerBI embedded or with PowerBI API?

Labels:
Message 1 of 2
1,855 Views
0
1 ACCEPTED SOLUTION
Eric_Zhang
Microsoft Employee
Microsoft Employee

‎01-05-2017 06:40 PM

@marcobaciga

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>

 

 

View solution in original post

Message 2 of 2
2,350 Views
0
1 REPLY 1
Eric_Zhang
Microsoft Employee
Microsoft Employee

‎01-05-2017 06:40 PM

@marcobaciga

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>

 

 

Message 2 of 2
2,351 Views
0

Helpful resources

Announcements
Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

Check out the October 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

View All