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.