Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
cmgchess
New Member

What is the IFrame target origin for embedding PowerBI dashboard

 

I'm using the PowerBI REST API along with ADAL.js and getting Dashboards. I want to embed a Dashboard in an IFrame. I'm using Angular.JS
So what did was something like this. Notice I have used "*" as the IFrame Target Origin. dashboardEmbedUrl is obtained from the API call

<iframe id="PBDashboard" ng-show="dashboardVisible" src="{{dashboardEmbededUrl}}" frameborder="0" style="height: 100vh; width: 100%"></iframe>

and in my controller

var iframe = document.getElementById("PBDashboard")
const loadIframeDashboardEventListner = function() {
    const token = localStorage.getItem('adal.access.token.keyhttps://analysis.windows.net/powerbi/api');
    iframe.contentWindow.postMessage(JSON.stringify({
        action: "loadDashboard",
        accessToken: token
    }), "*") //target is *. what should be the specific URL needed here
}

and

iframe.addEventListener("load",loadIframeDashboardEventListner);

This works perfectly fine but using "*" triggers a security warning in SonarCloud. It says to specify a target. I'm not sure what the target should be. The API call also gives a webUrl along with the embedUrl. I used the webUrl instead of the "*" and it rendered the IFrame data but also gave the following error in console

 

e0EI6

 

1 ACCEPTED SOLUTION
v-shex-msft
Community Support
Community Support

Hi @cmgchess,

AFAIK, the basic embedded processing required token, permission, embed URL, embedded content id, and content type.

Understanding the different embedding solutions in Power BI embedded analytics | Microsoft Docs

I think this part may match with the 'embed URL' which you configure in the embed configurations.

In addition, you can also take a look at the following link about power bi embedded playground which shares the online sandbox with code snap if helps:

Power BI Playground - Developer Sandbox

Regards,

XIaoxin Sheng

Community Support Team _ Xiaoxin
If this post helps, please consider accept as solution to help other members find it more quickly.

View solution in original post

1 REPLY 1
v-shex-msft
Community Support
Community Support

Hi @cmgchess,

AFAIK, the basic embedded processing required token, permission, embed URL, embedded content id, and content type.

Understanding the different embedding solutions in Power BI embedded analytics | Microsoft Docs

I think this part may match with the 'embed URL' which you configure in the embed configurations.

In addition, you can also take a look at the following link about power bi embedded playground which shares the online sandbox with code snap if helps:

Power BI Playground - Developer Sandbox

Regards,

XIaoxin Sheng

Community Support Team _ Xiaoxin
If this post helps, please consider accept as solution to help other members find it more quickly.

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

Find out what's new and trending in the Fabric Community.