Embed an Azure Data Explorer Dashboard in iFrame

Question

I am working on a custom React app. I am using MSAL to log in the user.

Furthermore, I have a page that embeds an iFrame and shows Azure Data Explorer (the user is automatically logged in).

I now want to embed a dashboard in an iFrame directly into a different page, but I can't seem to find any documentation if that is possible or not.

Connecting to the Azure Data Explorer, you also need information about your cluster, I am not sure if the same would be required for the dashboards only. I tried using the same method that I used for Data Explorer (using event listeners for the 'message' event), but sadly it did not work.

Any help would be greatly appreciated, thanks in advance!

Edit:

I have set the 'src' to the dashboard URL, sadly it didn't help.

Here is the documentation I followed.
If I open the Query tab I get this :

But if I supply the dashboard link, following every step in the instructions, I get this:

Trying to search those links in the GET requests, as well as trying to find them in the App permissions, yields 0 results.

Here are my App Permissions:

I have set the 'src' to the dashboard URL, sadly it didn't help.

Here is the documentation I followed.
If I open the Query tab I get this :

But if I supply the dashboard link, following every step in the instructions, I get this:

Trying to search those links in the GET requests, as well as trying to find them in the App permissions, yields 0 results.

Here are my App Permissions:

I am not sure where to proceed from here now.

Answer 1

Have you set the 'src' attribute of the iFrame to the URL of the dashboard, and provide the required authentication information? Regarding the event listener approach that you tried, it's possible that the dashboard doesn't use the same messaging mechanism as Azure Data Explorer. The specifics will depend on the dashboard. Sorry if this didn't help.