Category / Section
How to Render a URL As a Custom Widget in a Dashboard
Published:
A custom IFrame widget has been developed to load the URL in the Bold BI dashboard. This article explains how to configure and use the IFrame custom widget.
Also, create your custom widget for any custom requirement. To develop and publish the custom widget, follow this link.
Follow these steps to upload and use the IFrame custom widget.
- To upload the IFrame custom widget in the Bold BI server, follow the steps mentioned in the help link.
- Once you publish the custom widget, the IFrame custom widget will appear under the Miscellaneous section of the designer panel as shown in the following image.
Drag and drop the IFrame custom widget. It will render as in the following image.
Click on the custom widget's settings icon. In the property panel, give the input for the URL as shown in the following image.
- Now, publish and view the dashboard.
If you need any changes or improvements in the custom widget, debug and make the necessary changes by following these steps.
- Unpack the IFrame custom widget (IFrame.bicw) by following the steps in the mentioned link.
- Add the debugger to the sourcefile.js file's init() method. Also, add the needed changes in the sourcefile.js file.
- Publish the custom widget by following the steps in this link.
- Now, open the new dashboard in the Bold BI designer.
- Open the Developer Tools in the Browser.
- Drag and drop the IFrame Custom Widget in the Designer.
- Now, the debugger will trigger.
IJ
