How to Use the Hierarchical Grid Custom Widget in Dashboard

If you want to group data in the same dashboard report using a single data source, you can use the Hierarchical Grid widget. This custom widget allows you to group data based on certain values.

Steps to Publish the Custom Widget to the Dashboard

1. Download the HierarchicalGrid custom widget.

2. Publish the custom widget to the dashboard application by following the steps mentioned in the documentation link
3. Once you have published the widget, you can find the Hierarchical Grid custom widget under the Miscellaneous section of the designer panel.
   
   
4. Drag and drop the widget and bind the data. The widget will render as per your requirements.
   
   

Improvement in the HierarchicalGrid Custom Widget

• Unpack the Hierarchical Grid custom widget (HierarchicalGrid.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 Hierarchical Grid Custom Widget in the Designer.
• Now, the debugger will trigger. 

References

• Syncfusion Dashboard Platform
• Bold BI Application
• Hierarchical Grid Widget