Category / Section
How to add a Grouping Grid Custom Widget to a dashboard?
Published:
Follow these steps to publish the Grouping Grid custom widget into the Bold BI application and make use of it.
Step 3: Once you publish the custom widget, the GroupingGrid custom widget will appear under the Miscellaneous section of the designer panel, as in the following image.
Grouping Grid custom widget added into toolbox
Step 4: Drag and drop the widget and configure the data. The GroupingGrid custom widget will render as in the following image.
Making improvements in the Grouping Grid Custom Widget
Add new improvements to the UI of the GroupingGrid Custom widget by making changes in the sourcefile.js file. To debug and make changes to the custom widget, follow these steps:
- Unpack the GroupingGrid custom widget (GroupingGrid.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 GroupingGrid Custom Widget in the Designer.
- Now, the debugger will trigger.
Note: The GroupingGrid custom widget is developed using the Syncfusion EJ2 Grid component. For any new options, check its available APIs.
Related Links
SR
