Custom HTML

Open the Widget Menu

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

Select the Custom HTML Widget

Choose the Custom HTML option from the widget list.

Rename the Widget

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

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.

Select the HTML Widget

Delete the HTML Widget

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