If you remember one of my previous posts about the PhotoGrid Control , we talked about the control binding to JSON data . Today  , we talk about using Enumerations in Javascript to allow the PhotoGrid to bind to multiple Data Source Types. Well, lets get going then.... Constructing the Enumeration /**** Enumeration to specify the Data Source Type**********/ 1) The Constructor for the Enumeration AtlasDemo.DataSourceType = function(){}; 2) Define the different Types of data that can be bound using...

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 below. We shall use Four Image Controls and position them using Css Positioning Styles. <!-- The thumbnails that move --> <asp:Image runat="server" Style="position: absolute; top:...

Microsoft Ajax allows you to extend your javaScript Programming framework so that you can emulate OOP practices with Javascript . A SImple Example is Here The following is a list of stuff you can Use in javascript with Microsoft Ajax Extensions to javascript Classes Namespaces Inheritance Interfaces Enumerations Reflection Sounds Neat , doesnt it ? Well, lets get started ...   We will build a Re-usable Photo Grid Component that you can use in your applications . PhotoGrid  : It...

Assigning Animations to Client-Side Controls If you need to assign Animation Behaviour  to any Client-Side Controls using the AjaxControlToolKit's Animation Extender Control , you gotta Explicitly create the AnimationExtender Control on the Client side using the $create function $create's Documentation is here   Sys.UI.Component $create Method. $create(type, properties, events, references, element); Whenever, you add an Animation Extender control using the steps mentioned in my previous Post,  Animation Control , Adding Cool Animations in your application , For the Markup <!-- asp:Image Control that...

See Demo here   1) Register the AjaxControlToolkit  in your page <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 2) Add a Script Manager 1: <!-- Mandatory Script Manager Control--> 2: <asp:ScriptManager ID="ScriptManager1" runat="server"> 3: </asp:ScriptManager> 3) Add A Server Side Control to attach the Animation to ( We will discuss how to bind Client Side Elements later ). <!-- Image to Animate--><asp:Image Visible="false" runat="server" ID="imgThumbNail1" CssClass="imgThumbNail" ImageUrl="thumbNails/Second_Dimension_by_celsojunior.jpg" /> 4) Declare Your Animation Control Extender Instance <!-- Markup For the Animation Extender...

We will talk about how we can use Atlas to talk to YouTube using the REST protocol . 1) Download Visual Web Developer , Go Here2) Download Atlas , Go Here3) Get an Application Developer ID at Youtube . Go Here  After you are done running around the world collecting tools , you should be all set to take on YouTube .  We have a WebService that talks to YouTube's REST Interface and downloads Data .Without Getting into Discussions of using Service...