• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • 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 Gantt Control

This sample demonstrates the loading animation support in the Gantt Chart. Use the property panel to switch between the Shimmer and Spinner loading indicators displayed during data loading, refreshing, virtual scrolling, and other Gantt actions.

DEMO
SOURCE
Indicator Type

This example demonstrates the loading indicator functionality in the Gantt Chart. Loading indicators are displayed during initial rendering, data refreshing, virtual scrolling, and while performing operations such as sorting and filtering.

The Gantt Chart supports the following loading indicator types:

  • Shimmer - Displays placeholder rows that mimic the layout of the content while data is loading.
  • Spinner - Displays a loading spinner until the requested operation is completed

Use the Indicator Type option in the property panel to switch between Shimmer and Spinner loading indicators. This behavior can also be configured using the loadingIndicator.indicatorType property.

When enableVirtualMaskRow is enabled, shimmer placeholders are displayed during virtual scrolling to provide a smoother loading experience when working with large datasets

More information on the Essential® Gantt Chart can be found in this loading animation documentation section.


Looking for the full ASP.NET Core Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET Core Gantt Chart page.

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