How to display loading message

We are using the Pivot Table component. What we want to achieve is basically what you have in here: https://ej2.syncfusion.com/angular/documentation/pivotview/how-to/customizing-loading-indicator/#customizing-loading-indicator

When you click on Preview, the tab changes as normal and the loading message appears, followed by a rotating gear to indicate it is still loading and then the pivot loads. How can I achieve this same behavior?

In my scenario, we also have 2 tabs, with the pivot on the second one, but when I click on the second tab the whole page freezes while the pivot loads. Which is the reason for this? I tried using spinnerTemplate but it didn't make any difference.

1 Reply 1 reply marked as answer

SN Sivamathi Natarajan Syncfusion Team June 9, 2020 01:23 PM UTC

Hi Ricardo Salas, 
 
Thanks for contacting Syncfusion support. 
 
Based on your requirement we have prepared a sample to add the loading icon while switching different tab. Please check the below sample link for your reference. 
 
 
We hope the above sample meets your requirements. 
 
Regards, 
Sivamathi. 


Marked as answer
Loader.
Up arrow icon