Introduction
Kepion supports embedding HTML code directly into your dashboards. For example, you can use this feature to supplement your dashboard pages with reports and charts from your business intelligence tool. This article explains how to embed HTML into dashboards, using a Power BI report as our example.
Step 1. Retrieve HTML from BI tool
1. Open your BI tool to retrieve the HTML you want to embed. In Power BI, go to File and choose the Embed option.
2. Copy the link in the highlighted field and paste it somewhere (e.g., Notepad) for later use.
Step 2. Add HTML to Kepion
1. Open Kepion and go to the Modeler module > Application > HTMLs.
2. Select Add.
3. Enter your desired name and select Add.
4. Paste the HTML into the editor and select Save.
Tip: The width and height of the frame can be edited in the HTML component link as well.
5. Go to your target dashboard page, right-click anywhere on the workspace, and select Add Content.
6. Configure the component as follows:
- Type: Select HTML.
- HTML: Select the HTML you added.
7. Select OK.
8. Configure the page as desired and select Save from the edit bar.
Step 3. Verify results
Navigate to the Apps module, open the dashboard, and locate the page. The embedded HTML content should be rendered.
Tip: To refresh data on the Power BI canvas, right-click the surrounding white space and select Reload Frame.