Updatepanel onupdating

14 Oct

So we want to add a few feature like fading out the Grid View and placing progress indicator over Grid View so the user known an Operation is currently going on .It can done easy with the help of the Update Panel Animation Extender.As a result, the page loads almost immediately and the panels come to life one at a time as data becomes available (usually anywhere from 1 to 5 seconds).So instead of waiting for 5 seconds with an empty screen, the shell of the page is immediately rendered and the panels are filled in as the data becomes available.This is use to create a delay of half a second, so that the update panel animation can finish it's Fade Out animation before we change the image.

updatepanel onupdating-60updatepanel onupdating-1updatepanel onupdating-38updatepanel onupdating-81

It delay loads each of the panels instead of waiting until all of the data for all of the panels has been processed before serving the page.

Some of the panels display charts and graphs, while others contain tables with aggregated data.

you can see, there is a lot of information being displayed on this page.

As per Panel Animation/Update Panel It is important to note that because of the Update Panel architecture, the On Updating animation will always play when any partial postback starts, but the On Updated animation will only play at the end of a partial postback if its Update Panel was changed (note: setting the Update Panel's Update Mode="Always" will ensure the On Updated animation plays when every partial postback completes)So we can't have Update Panel Animation Extender for individual Update Panel in a page..

Update Panel Animation Extender is an extender that allows you to play animations both while an Update Panel is updating and after its update is finished.