Happy Birthday to Me !!!

Hello all , Today I grow a year older ,  I am now all of 26 !!! As return gifts  to everyone, I am giving out a demo application that encompasses most of my knowledge about the AjaxControlToolkit Animation Extender. Here is a list of the Animations that are demo’d . Basic Animations Fade ReSize…

5

How to : Re-use Animation Extenders in a page

Download Sample Code :  while working with the AnimationExtender on an ASPX Page ,One would run into a scenario wherein you would need to associate the same animation with multiple  Elements on the page. Some Examples are : Associate an Animation  with the rows of a GridView. Associate an Animation with probably multiple panels on…

3

Scripting Animations from the Ms Ajax AnimationExtender

An ignored / unknown / very useful  feature of the animation Framework is that it allows you to control the animation as its playing. You can Play, Pause , Resume , Stop and Quit  an Animation Instance by using appropriate methods in JavaScript. Setting up the Animation The Animation we will be playing is a…

4

Some Useful Links from the ASP.NET Ajax Forums

Hi , Over the past couple of months, I have been actively contributing to the Asp.net Ajax forums and have come across some very  weird and challenging problems to solve.Anyone who’s been at the forums can tell, the community is VERY Active and helpful when it comes to helping out your fellow developer . Below…

0

MS AJAX AnimationExtender : How Many Ways Do I Play thee ? ( Updated )

We will discuss the various ways  in which one can animate a visual element using the MS AJAX Animation. The Example would be to resize a div named “queryReply” to have a height of 100px and width of 200px On Click of the  Div . 1) The Simplest Way  , Markup <ajaxToolkit:AnimationExtender runat=”server” ID=”animateReplyPanes” TargetControlID=”queryReply” BehaviorID=”animateReplyPanesBehavior”> <Animations>…

17

Expirements with Ms AJAX 1 : Plot a Path and follow it

  While working on some documentation and presentations for MS AJAX Animation ( wait for it , its gonna rock !! ) , I made what you see in the demo video. Its basic premise is this : Allow the User to plot points on a plane Then trigger an animation that goes over all the…

4

How To : Using MS AJAX CaseAnimation in your applications

I hang out at the forums a lot .( http://forums.asp.net/1022/ShowForum.aspx ), I go by  phanatic. Looking at a couple of threads let me know that there are no examples of the caseAnimation anywhere 🙁 Ok, so I built a simple sample which illustrates the use of a CaseAnimation . See demo here   So , here we…

3

HowTo : Sys.Preview.UI.Effects.FadeAnimation

The Sys.Preview.UI.Effects  Namespace contains a couple of animations that one can use in their applications. Here , we will talk about how to use the FadeAnimation thats present in the Sys.Preview.UI.Effects NameSpace. The Scripts that are to be included are : MicrosoftAjax.js PreviewScript.js PreviewGlitz.js Call the Initialize function to do the same to the Ajax…

1

Using MS Ajax Animations From the Client-Side

We  will talk about how to use the MS-Ajax Animation Framework without any server-side code. The sample completely illustrates how to instantiate and use the Animation Controls by including the proper script references. 1) Include the following scripts in your HTML Page MicrosoftAjax.js  ( download from Here ) Timer.js ( downlod from Here ) BaseScripts.js Common.js Animations.js…

9

Animating Multiple Controls on an Event using Microsoft Ajax AnimationExtender Controls

We can assocaite multiple controls on a single event on a control firing  by using the “AnimationTarget” attribute of the Animation class. lets take the example of a strip of thumbnails which should move upon click on the first thumbnail. See Demo here   We have four thumbnails , arranged ina  row , see screenshot…

1