How to Enable Widget Busy Indicator / Ghost Loading indicator for Custom Widgets in SAC

[#1]

Hello,

We have created a Bar + Line chart custom widget using Chart.js in SAP Analytics Cloud (Optimized Story Experience).

We want to display the SAC busy indicator whenever the user interacts with the custom widget (for example, on data refresh, filter change, or other interactions).

As per the Custom Widget Developer Guide, custom widgets support viewport loading in the optimized story experience by enabling the following property in the widget JSON:

"supportsViewportLoading": true

We have enabled this property in our widget JSON. However, when interacting with the widget in view mode, the busy indicator is not shown.

Questions

1. Is enabling  "supportsViewportLoading": true alone sufficient to trigger the busy indicator?

2. Do we also need to explicitly fire the customWidgetRenderComplete event, and if so, when exactly should it be fired (after DOM render, after data binding, or after Chart.js rendering)?

3. Are there any working examples or reference implementations for using viewport loading with custom widgets

4. If viewport loading does not trigger the busy indicator for interactions, is there any recommended workaround to show a busy indicator for custom widgets?
    

Any guidance or examples would be greatly appreciated.

SAP Analytics Cloud #customwidget #SAC #Chart.js  #

#Optimized Story Experience  #JavaScript 

@Meet_Patel10    @dishantp40 @Chandra_Bhansali