<!-- Define the view states -->

<s:states>

    <s:State name="Login" />

    <s:State name="Register" />

</s:states>

 

<s:transitions>

    <!-- Define the transition from the base state to the Register state.-->

    <s:Transition id="toRegister" fromState="*" toState="Register">

        <s:Sequence targets="{[loginPanel, registerLink, confirm, loginLink]}">

            <s:RemoveAction />

            <s:Fade />

            <s:SetAction target="{loginPanel}" property="title" />

            <s:SetAction target="{loginButton}" property="label" />

            <s:SetAction target="{loginButton}" property="color" />

            <s:Resize target="{loginPanel}"/>

            <s:AddAction />

            <s:Fade />

        </s:Sequence>

    </s:Transition>

 

    <!-- Define the transition from the Register state to the base state.-->

    <s:Transition id="toDefault" fromState="Register" toState="*">

        <s:Sequence targets="{[loginPanel, registerLink, 

                confirm, loginLink]}">

            <s:RemoveAction/>

            <s:SetAction target="{loginPanel}" property="title"/>

            <s:SetAction  target="{loginButton}" property="label"/>

            <s:SetAction target="{loginButton}" property="color"/>

            <s:Resize target="{loginPanel}"/>

            <s:AddAction/>

        </s:Sequence>

    </s:Transition>

</s:transitions>