Documentation
Demos
Support
Blog
Start Free Trial
Search results

Embed the widget of the dashboard using the iFrame

Any widget from the dashboard can be embedded individually in any application using its URL. To enable widget embedding, you must activate widget mode and utilize the widget ID in the embed URL. The following steps must be followed for widget embedding.

  • Find the Id of the widget to be embedded.
  • Get the dashboard URL.
  • Use the widget id and dashboard URL together to embed widget.

How to get the Embed Widget Url

  1. To open the desired dashboard and choose the widget you want to embed, select the More option. Next, from the drop-down menu, select Get Embed Code.

InspectElement

  1. Please copy the iframe code from the pop-up page that displays the embed code.

InspectElement

How to embed the widget using the URL

  1. Now, utilize the copied iframe code in the HTML page to display the specific widget of the dashboard in a concise manner.
<html>
<body>
    <iframe src='http://localhost:53623/bi/site/site1/dashboards/5cfde98c-d352-4863-8a93-d6679263191b/Sales/Sales%20Analysis%20Dashboard?isembed=true&isWidgetMode=true&WidgetId=32ed09f7-49ef-4468-9c56-ccc376dbcaaa'
    id='dashboard-frame' width='100%' height='600px' allowfullscreen frameborder='0'></iframe>
</html>
</body>

  1. Please embed the provided URL into any web application and change the site identifier and server URL.

  2. To use the web application, you need to run it. Depending on the type of dashboard, it will display either the login window or the dashboard itself. Click on the login option and enter the correct user credentials. Once you do that, the widget will automatically render.

EmbedLogin
EmbedViewDashboard

NOTE: You can make the dashboard public and access it anonymously without the need for logging in.

Previous
Next