As shown in the code above, we first get a reference to the Page Request Manager and then wire up the initialize Request and end Request events to execute, when an async postback begins and ends respectively.When the user initiates a postback by clicking on the button kept inside the Update Panel, we set a delay of 3 seconds.However there is always a solution :) Before going under the hood, I will introduce you my simple solution; Update Panel Java Script Extender.You can download it and use Java Script to update your Update Panel.To make it very easy to use the animation framework without writing any Java Script, the Toolkit provides the ability to declare animations via XML markup. The name of the animation is used as the generic XML animation declaration's tag and its properties, which correspond to the properties on the Java Script class, are attributes of that tag.For example, to change the size of an element we could use The name of the animation and properties are case insensitive in generic XML animation declarations.In this article, we will study three different techniques that allow you to visually display progress to users while performing partial-page updates using the Update Panel.For all the three approaches, I have used a image to show a spinning gear kind of a progress bar while the Update Panel is performing some action.
They differ from regular animations which perform an operation in small steps over a period of time.
Visual Studio will automatically add Ajax Control Toolkit reference to your web site as well.
The Update Panel Java Script Extender is build on Ajax Control Toolkit Extender base libraries.
Since the animation framework is based on a hierarchy of animation classes, all the animations have the properties which runs its child animations sequentially, waiting for each to finish before starting the next.
To use these animations in the generic XML animation declaration syntax, we include their child animations as nested XML elements.