How to Add a Timeline widget as a Custom Widget in Bold BI

Follow these steps to publish the Timeline custom widget into the Bold BI application and make use of it.

Step 1: Download the Timeline widget
Step 2: Publish the Timeline widget to the Bold BI application with a help link
Step 3: Once you publish the custom widget, the Timeline Widget will appear under the Miscellaneous section of the designer panel, as in the following image.

Making improvements in the Timeline custom Widget

To debug and make changes to the custom widget, follow these steps:

• Unpack the Timeline custom widget by following the steps in the mentioned link. Add new improvements to the UI of the Timeline widget by making changes in the sourcefile.js file.
• 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 Timeline widget in the Designer.
• Now, the debugger will trigger. We can add the changes to customize the custom widget.

Additional References:

How to create a new custom widget