• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Loading Animation in ASP.NET Core Tree Grid Control

This sample shows the loading indicator while tree grid loading and refreshing especially when using remote data. In this sample, you can change the loading indicators from the properties panel.

DEMO
SOURCE
Indicator Type

The Tree Grid has an option to show a loading indicator in-between the time of fetching the data and binding it to the tree grid during initial rendering or refreshing or after performing any tree grid action like sorting, filtering, and more.

The Tree Grid supports the following loading indicator types. They are:

  • Spinner
  • Shimmer

Use the loading indicator by setting the loadingIndicator.indicatorType property as Spinner or Shimmer. The default value of the indicatorType is Spinner. In this demo, the Shimmer type is initially enabled.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab