Ajax Update Panel Animation Extender

Blog Author


Published Date

20th September, 2018




  • Share this blog :

Update Panel Animation Extender

 This control is used to extend the update panel and create animations for update panel while updating the update panel is in progress or updating update panel is completed . It has the property TargetControlID to specify the ID of the updatepanle to extend & animations property is used to specify the animations to play with in animations property you can use the events ‘on updated’ & ‘on updating’ It supports the all the animations that are supported  by AnimationExtender.


The following example demonstrates how to use update panel Animation Extender.

Add a page to the website and place a Toolkitscriptmanager and an updatepanel & within the updatepanel take one label & calendercontrol & then write the following code with in the calendar selection changed event


Within the HTML source of the page drag & drop an updatepanelAnimation extender and set following properties to it.

<asp: updatepanelAnimationExtender Id=”updatepanelAnimationExtender1” runat=”server” TargetcontrolID=”updatepanel1”> <Animations>


<color propertykey = “background” startvalue=”#999966”  Endvalue=”#FFFFFF” Duration=”3.0” />




About Author


Author Bio

TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills .

Related Blogs

Write For Us