Ajax preview 2 : Declarative Instantiation of AjaxControlToolkit Controls

Today ,we will talk about using the Declarative Syntax to instantiate certain AjaxControlToolkit Behaviors . Step 0: Figure out which are the script files needed for the Behavior to work and include the appropriate Script       references  in your page . For the PopupControlBehavior , the script files would be : AjaxControlToolkit.ExtenderBase.BaseScripts.js AjaxControlToolkit.Common.Common.js AjaxControlToolkit.Compat.Timer.Timer.js AjaxControlToolkit.Animation.Animations.js AjaxControlToolkit.Animation.AnimationBehavior.js…

0

Documentation for the AjaxControlToolkit

Ready for some documentation for the ATK controls ? To skip my journey to create this , download the Documentation ( in CHM form) here : AjaxControlToolkit Docs Step 1 : Using AjaxDoc to generate the Reflection.org file required by Sandcastle    1.0) Download AjaxDoc here .    1.1) Download the Latest Source for the…

1

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

Expand Accordion Panes On Mouse Over Header

This is a common requirement I see  among users of the accordion , How do I Open Accordion Panes OnMouseOver of  the header and Not on header Click ? The answer is pretty simple . Lets walk through this : a) Setup your Accordion <ajaxToolkit:Accordion ID=”Accordion1″ runat=”server” ContentCssClass=”grey” FadeTransitions=”false” FramesPerSecond=”25″ TransitionDuration=”250″ HeaderCssClass=”dimgreen” EnableViewState=”true”> <Panes> ::::…

6

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

How to : Perform Operations on all instances of a Ajax Control Extender on a page

Consider a scenario wherein you have a lot of control Extenders on a page and you want to conduct operations on all instances Specific Extender or specific instances of an extender. We all know that we can reference certain instances of an Extender by using  its BehaviorID and the $find function. Now , consider an implementation…

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

HowTo : Change Visible Tab Using JavaScript in the MS AJAX TabControl

I have seen this in the forums a lot .. “How do I change the Visible Tab in the MS AJAX TabControl on the Client-Side using Javascript ?” Well, I have posted it several times and I think Its time I’d rather point people to a link than write the same piece again and again…

16

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