Add child and change property when state changed

          
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" verticalAlign="middle">
  <mx:states>
    <mx:State name="Register">
      <mx:AddChild relativeTo="{loginForm}" position="lastChild">
        <mx:FormItem id="confirm" label="Confirm:">
          <mx:TextInput />
        </mx:FormItem>
      </mx:AddChild>
      <mx:SetProperty target="{loginPanel}" name="title" value="Register" />
      <mx:RemoveChild target="{registerLink}" />
      <mx:AddChild relativeTo="{spacer1}" position="before">
        <mx:LinkButton label="Return to Login" click="currentState=''" />
      </mx:AddChild>
    </mx:State>
  </mx:states>
  <mx:Panel id="loginPanel" title="Login" horizontalScrollPolicy="off" verticalScrollPolicy="off">
    <mx:Form id="loginForm">
      <mx:FormItem label="Username:">
        <mx:TextInput />
      </mx:FormItem>
      <mx:FormItem label="Password:">
        <mx:TextInput />
      </mx:FormItem>
    </mx:Form>
    <mx:ControlBar>
      <mx:LinkButton id="registerLink" label="Need to Register?" click="currentState='Register'" />
      <mx:Spacer width="100%" id="spacer1" />
      <mx:Button label="Login" id="loginButton" />
    </mx:ControlBar>
  </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Add child to State
2.	Add child before in a State
3.	Add child to position in a State
4.	Add or remove children
5.	Using different creation policies
6.	Setting overrides on component properties
7.	Change the enabled property for two Button controls, setting one false, and the other true
8.	View defining two states
9.	View States
10.	Setting event handlers with State
11.	Change control property in state changing
12.	Remove a child in state changing
13.	Create State based on existing State
14.	Set current state to null
15.	Change control color in State
16.	Add child relative to an existing control in State
17.	Use two statements in click event inline
18.	Change view state
19.	Creating a simple view state
20.	Set Transition state
21.	Two statements in the click attribute
22.	Adding and removing components with State
23.	Adding and removing components by changing state
24.	Adding and removing components in State with RemoveChild
25.	Applying states
26.	Using states to control the display of the popup component.
27.	Validate either a United States ZIP code or a Canadian postal code
28.	Define States
29.	States Event Handlers
30.	States Includes and Excludes
31.	Deferred view state, and you cannot access it until after the first switch to the Deferred view state
32.	Use the Reset button to restore the collection view to its original state.

Add child and change property when state changed : State « Effects « Flex

Related examples in the same category