Skip to main content

​
Adding a Custom HTML Widget

1

Open the Widget Menu

In the Edit Mode tab of the Dashboards Building Interface, click the “add a widget” button.
2

Select the Custom HTML Widget

Choose the Custom HTML option from the widget list.
3

Rename the Widget

In the sidebar in the top left corner, double-click on Untitled widget and provide a name for the selected widget.
4

Add HTML Content

Enter your HTML content (including <script> and <styles> tag). The HTML you add will automatically appear in the HTML widget.
Note:The HTML widget supports both static and dynamic HTML
When exporting an HTML widget that contains dynamic content (such as animations, delayed rendering, or asynchronously loaded elements), add the following code to your script once all content has fully loaded and finished rendering:parent.postMessage('html-widget:ready', '*');This signals that the widget is ready to be captured, helping ensure the exported screenshot includes the fully rendered content.

​
Editing a HTML Widget

Any changes made to the HTML, will be automatically applied to the HTML widget in real time.

​
Deleting a HTML Widget

1

Select the HTML Widget

In the left-hand sidebar, click the icon in the top-right corner and then select the delete button.

2

Delete the HTML Widget

The HTML widget will be removed from your Dashboard Building Interface.