Animated loading indicator - Syncfusion WinForms Grid | Syncfusion Blogs
Detailed Blog page Skeleton loader

We would like to illustrate how to enable an animated loading indicator for long-running operations in Syncfusion’s GridGroupingControl for Windows Forms. We do this by using a helper that asynchronously uses the .NET framework API ImageAnimator.

The helper, being written in a generic manner, can bind the animated loading indicator to any user interface control of the Control type.

Member TypeNameDescription
Static MethodWireWires the control with the loading indicator and starts the animation.
Static MethodUnWireUnwires the control from the loading indicator and stops the animation.
Static PropertyImageGets or sets the animated image with multiple frames.

Table1: LoadingAnimator – Properties and Methods

 

To wire the loading animator with the control before starting the long-running operation, the following code has to be handled in the respective event.

clip_image001

Using the following code in the respective event, the loading animator can be unwired once the long-running process is complete.

clip_image002

The default, animated image can be replaced with another image through the static Image property.

The following screenshots show the loading animator’s behavior for handling operations like loading, sorting, grouping, and filtering with a large set of records.

clip_image004

;

While Loading Data

clip_image006

 

After Loading Data

clip_image008

 

While Sorting by a Column

clip_image010

 

After Sorting by a Column

clip_image012

 

While Grouping by a Column

clip_image014

 

After Grouping by a Column

clip_image016

 

While Filtering

clip_image018

 

After Filtering

The link below takes you to a sample that illustrates these operations both programmatically (through menu items at the top) and at the UI level (through user interaction).

AnimatedLoading_GGC.zip

Be the first to get updates

Syncfusion Guest Blogger

Meet the Author

Syncfusion Guest Blogger

Comments (1)

I tried this indicator, but it is showing me error during installation, please provide me guideline to overcome from this error.

Comments are closed.