ASP.NET AJAX Control Toolkit

Re: Ted you will know this

Sanson — Fri, 28 Sep 2007 15:19:28 GMT

Can i use ClintObjectName="myLinkButton", to replace the name

ctl00_ContentPlaceHolder1_NotesGridView_ctl02_LinkButton1

Re: Animations

Ted Glaza [MSFT] — Wed, 25 Oct 2006 21:36:51 GMT

Hi Fubarian,

I would like to have provided a server side model that contained classes for the specific animations (mostly so we could provide intellisense), but unfortunately this limits extensibility and prevents other people from adding their own animations in the same way. We could still create wrappers for generating specific animations, but I'm not sure they would be a whole lot more useful than what's currently there.

Thanks,
Ted

Re: Animations

Fubarian — Fri, 13 Oct 2006 12:51:31 GMT

Ok, so you have to write them out, regardless if you use code behind or directly on the page. I was hoping I was working toward a "cheater" way of doing the animations -- more specifically, envisioning adding a parameter like a sql command...

param.enable = true;
param.duration = 1.5;
param.fadeout();
myextender.animation.add(param);

Something slick like that. Hmm...I feel a class coming on.

Re: Animations

Ted Glaza [MSFT] — Tue, 26 Sep 2006 21:58:49 GMT

Hi Fubarian,

Yes - you can do all of this. This post provides a simple example of using the Animation class. You can get an Animation instance from your AnimationProperties (for example AnimationProperties.OnClick) and exploring it a little will show it's just a simple tree structure mapped directly over the XML. There are three important properties on Animation that you can use to programatically manipulate animations on the server. The Animation.Name property is the text of the XML tag (i.e. it will have values like "sequence" or "fadeout"). Animation.Properties is a dictionary that maps property names to their string values. All properties of the XML animation element are stored in this collection (so if your markup has <OnClick><Parallel duration=".5"> ... </Parallel></OnClick>, then MyAnimationProperties.OnClick.Properties["duration"] will return the value ".5"). Finally, the Animation.Children list contains other Animation instances that represent its children.

You can also use an XML string to set the animations instead of manipulating the object model, but there are a few details to note. The AnimationTargetControlPropertiesBase<T>.Animations property is a string containing the XML found inside the <Animations> tag. You can set this on your AnimationProperties instance, but it must contain the XML for all the animations (i.e. <OnLoad>, <OnClick>, <OnMouseOver>, etc.) and must not contain a root node (i.e. AnimationTargetControlPropertiesBase is expecting the <Animations> tag not to be there so it adds it back). Here's an example showing how to do this:

<%@ Page Language="C#" %>
<%@ Register Assembly="AtlasControlToolkit" Namespace="AtlasControlToolkit" TagPrefix="atlasToolkit" %>
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
    protected override void OnLoad(EventArgs e)
    {
        base.OnLoad(e);

        // Hide the button, as explained in the Using Animations walkthrough
        MyAnimations.Animations =
            "<OnClick>" +
            "  <Sequence>" +
            "    <EnableAction Enabled=\"false\" />" +
            "    <Parallel Duration=\".2\">" +
            "      <Resize Height=\"0\" Width=\"0\" Unit=\"px\" />" +
            "      <FadeOut />" +
            "    </Parallel>" +
            "    <HideAction /> " +
            "  </Sequence>" +
            "</OnClick>";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server"><title>Test Page</title></head>
<body><form id="Form1" runat="server"><div>
    <atlas:ScriptManager id="ScriptManager" runat="server" />
    <asp:Button ID="btnClick" runat="server" Text="Click Me" OnClientClick="return false;" />
    
    <atlasToolkit:AnimationExtender ID="MyExtender" runat="server">
        <atlasToolkit:AnimationProperties ID="MyAnimations" TargetControlID="btnClick" />
    </atlasToolkit:AnimationExtender> 
</div></form></body>
</html>

If you have any questions or would like more clarification, just keep posting.

Thanks,
Ted

Animations

Fubarian — Mon, 25 Sep 2006 15:29:49 GMT

I posted up over here a quick comment and Ted asked that I post my question here, so I shall!

I was dorkin around with the new animation controls and noticed AnimationExtender, AnimationProperties, AnimationExtenderDesigner and Animation are all items I can play with in code behind -- but I'm not sure how to use these. I'm thinking I can make a class that handles this and makes it a bit faster for me later, but are there any examples or how-to's someone could throw out? Also, is there a way to use an actual XML file to load the sequences, animation actions, etc instead of coding it to the page directly?