Can anyone supply me with a concrete example of the markup for the DiscreteAnimation in the toolkit? In particular I'm trying to set the class attribute of an element to one of two different strings over the course of the animation, and the toolkit animation reference hasn't helped me work out how to input the array at all.

In addition; is there a definitive set of examples for the aspx markup for each animation rather than the animation reference document in the toolkit, which is for the javascript?

Andy

Hi,

Yeah, the array is a little tricky.  Discrete was meant more as a building block, so the only way to use it directly involves dynamic animation properties.  Instead of using Values="..." you'll have to use ValuesScript="[....]" and pass a javascript array.  Here's an example:

<asp:Panel ID="rainbow" runat="server">Rainbow...</asp:Panel>

<ajaxToolkit:AnimationExtender runat="server" TargetControlID="rainbow">

  <Animations>

    <OnClick>

      <Discrete Property="style" PropertyKey="backgroundColor"

        ValuesScript="['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet', 'transparent']" />

    </OnClick>

  </Animations>

</ajaxToolkit:AnimationExtender>

Thanks,
Ted

Thanks Ted,

I'd managed to work out the array syntax (by chance) but the bit I was missing was the name of the attribute - I had Values instead of ValuesScript. For future reference is there any way I could have worked out it was meant to be ValuesScript?

Andy

Thanks again Ted,

>>Essentially for ANY property in an animation (i.e. between the <Animation> and </Animation> tags) you can optionally append the word Script (like Height vs. HeightScript, Values vs. ValuesScript, etc.) and the contents can be an arbitrary JavaScript expression that will be eval'ed and assigned to the property before the animation is run each time.

Wow! Now that's the nugget I had missed whilst trawling through all this stuff. That's going to change the way i do a lot of things.

Andy