Execute multiple conditional animations

There has to be a way to do this, but I haven't found it yet. I want to execute multiple conditional animations. Something like:

<ConditionalAnimation ConditionScript='IsTrue();'> <Sequence> <StyleAction ... /> <StyleAction ... /> <HideAction ... /> </Sequence></ConditionalAnimation>

This should be easy, but the children of the ConditionalAnimation can't be Sequence-derived. How do I do this then?

Hi,

The ConditionalAnimation cannot have children which are SequenceAnimations .

What you can do is create a ScriptAction that executes the SequenceAnimation.

Ex:

<ConditionalAnimation ConditionScript='IsTrue();'>
<ScriptAction Script="RunSequenceAnimation( param1 );"/>

<ScriptAction Script="RunSequenceAnimation( param2 );"/>

</ConditionalAnimation>

<script language="javascript">

function RunSequenceAnimation( param2 )

{

var animation =new AjaxControlToolkit.Animation.SequenceAnimation();

var targetElement = $get("targetControlID");

var action =new AjaxControlToolkit.Animation.StyleAction(targetElement ,null,null,"display","block");

animation.add(action);

action =new AjaxControlToolkit.Animation.ResizeAnimation(targetElement, .3, 25, 300, 300,"px");

animation.add(action);

animation.play(targetElement,null,null);

}

}

</script>