Add space between LinkButton and Button : LinkButton « Components « Flex






Add space between LinkButton and Button

Add space between LinkButton and Button
       
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Panel title="Sign In" id="signinPanel" fontSize="12">
        <mx:Form id="loginForm">
            <mx:FormItem label="Email:" id="emailItem">
                <mx:TextInput id="emailText" />
            </mx:FormItem>
            <mx:FormItem label="Password:" id="passwordItem">
                <mx:TextInput id="passwordText" displayAsPassword="true" />
            </mx:FormItem>
        </mx:Form>
        <mx:ControlBar>
            <mx:LinkButton id="forgotPasswordLink" label="Forgot password?" click="currentState='RequestPassword'" />
            <mx:Spacer width="100%" id="spacer" />
            <mx:Button label="Sign in" id="signinButton" />
        </mx:ControlBar>
    </mx:Panel>
    <mx:states>
        <mx:State name="RequestPassword">
            <mx:SetProperty target="{signinPanel}" name="title" value="Request New Password" />
            <mx:SetProperty target="{signinButton}" name="label" value="Submit" />
            <mx:RemoveChild target="{forgotPasswordLink}" />
            <mx:AddChild relativeTo="{spacer}" position="before">
                <mx:target>
                    <mx:LinkButton id="signInLink" label="Return to Sign In" click="currentState=''" />
                </mx:target>
            </mx:AddChild>
            <mx:RemoveChild target="{passwordItem}" />
        </mx:State>
    </mx:states>
</mx:Application>

   
    
    
    
    
    
    
  








Related examples in the same category

1.Handle click event for LinkButton through click event from its containerHandle click event for LinkButton through click event from its container
2.Define a LinkButton with Define a LinkButton with <mx:LinkButton>
3.Use LinkButton to open a URL in a web browser windowUse LinkButton to open a URL in a web browser window
4.Use LinkButton in a ViewStack navigator containerUse LinkButton in a ViewStack navigator container
5.Navigate to a URL with LinkButtonNavigate to a URL with LinkButton
6.Change state in LinkButton click event handlerChange state in LinkButton click event handler
7.LinkButton click handlerLinkButton click handler
8.Set label for LinkButtonSet label for LinkButton
9.LinkButton for changing the stateLinkButton for changing the state
10.A single LinkButton control that opens a URL in a web browser windowA single LinkButton control that opens a URL in a web browser window
11.LinkButton controls for navigating in a ViewStack navigator containerLinkButton controls for navigating in a ViewStack navigator container