How to add custom listbox widget in Bold BI dashboard?
This article explains how to use the CustomListBox widget in Bold BI dashboards to prevent automatic selection of the “All” option when all values are selected.
Overview
The CustomListBox widget allows users to filter data without automatically selecting the “All” option when all values are selected. This is particularly useful when you want to include only the values from a limited list in your dashboard.
Steps to Implement the CustomListBox Widget
-
Download the custom widget: Download this CustomListBox widget.
-
Publish the custom widget: Follow the instructions provided in this help link to publish the custom widget to your Bold BI application.
-
Add the CustomListBox widget to your dashboard: Once published, you will find the CustomListBox widget under the Miscellaneous section of the designer panel. Drag and drop the widget to the desired location on your dashboard.
-
Bind data to the widget: Connect the widget to your data source and configure the necessary settings.
-
Filter data using the widget: Use the CustomListBox widget to filter data in your dashboard as needed, without the automatic selection of the “All” option.
Note: Custom widget publishing through the UI is supported only in the Bold BI on-premises build.
Improvement in the Custom List Box Widget
To debug and make changes in the custom widget, follow these steps:
- Unpack the CustomListBox widget (CustomListBox.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 CustomListBox Widget in the Designer.
- Now, the debugger will trigger.
