Forum Discussion

marcobaciga's avatar
marcobaciga
Helper I
9 years ago
Solved

Put tile in html tag different iframe

Hi,

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

Need Help
  • Eric_Zhang's avatar
    Eric_Zhang
    9 years ago

    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>

     

     

1 Reply

  • Eric_Zhang's avatar
    Eric_Zhang
    Microsoft Employee
    9 years ago

    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>