Onupdating ajax Auntynum
Now fixed width div tag containing the image and set its display style to none.
Then when the On Updating animation fires the Script Action, find the div, set the display back to visible, figure out the bounds of both the Grid View and the progress div, and finally do the math to determine when the div needs to be placed to overlay the Grid View.
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.
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.
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.
It can done easy with the help of the Update Panel Animation Extender.
The image can be found with the source code for this article over here.
The Page Request Manager class handles the partial-page updates of the Update Panel.