How to Add a Classic Pivot Grid Custom Widget to the Dashboard?

Follow the below steps to publish the custom widget into the Bold BI application and use it.

1. Download the Classic Layout Pivot Grid custom widget.
2. Publish the custom widget to the Bold BI application by following the steps mentioned in the help link.
3. Once you publish the custom widget, the Classic Layout Pivot Grid custom widget will appear under the Miscellaneous section of the designer panel as in the following image.
   
   
4. Drag and drop the widget and configure the data. The Classic Layout Pivot Grid custom widget will render as in the following image.
   
   

Improvement in the Classic Layout Pivot Grid Custom Widget

​Add new improvements such as improving the UI of the Classic Layout Pivot Grid Custom widget by making changes in the sourcefile.js file.

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

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

Also, the Classic Layout Pivot Grid Custom Widget is developed using the Syncfusion EJ1 Pivot Grid component. For any new options, check the available API in the UG link.

Methods and Use Cases in the Classic Layout Pivot Grid source file.

The following table explains the use case of the methods available in sourcefile.js.

Additional Reference:

• Create new Custom Widget