Ajax Update Panel Animation Extender

Blog Author

Tekslate

Published Date

20th September, 2018

Ratings

Views

986

  • 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.

Example 

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

Label1.text=Calender1.selectedDate.ToshortDateString();

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>

<onupdated>

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

</onupdated>

</Animation>

</asp:updatepanelAnimationExtender

About Author
Authorlogo
Name

TekSlate

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