Wrap your button in a HBox:

     <mx:Panel id="loginPanel">
         <mx:Form id="loginForm" left="10" right="10" bottom="10"
top="10">
             <mx:FormHeading label="Welcome"/>
             <mx:FormItem label="User Name">
                 <mx:TextInput id="username"/>
             </mx:FormItem>
             <mx:FormItem label="Password">
                 <mx:TextInput id="password" displayAsPassword="true"/>
             </mx:FormItem>
         </mx:Form>
         <mx:HBox horizontalAlign="right" paddingRight="10"
paddingBottom="10" width="100%">
             <mx:Button label="Log in" click="handleLogin(event)"/>
         </mx:HBox>
     </mx:Panel>


--- In flexcoders@yahoogroups.com, Maciek Sakrejda <[EMAIL PROTECTED]>
wrote:
>
> I don't see how that would help--I'd like to place the button on the
> lower-right of the container, 10 pixels from the bottom edge, and ten
> pixels from the right edge. I'm not even so much interested in getting
> this specific scenario to work (I suppose I could set
> horizontalAlign="right" on the panel to get what I want, which would
> also shift the form, but the form is constrained to be centered
anyway),
> but I'd like to know why this isn't working as I would expect--what am
I
> missing? It seems that if I set the button constraints like that, it
> should be 10px from the bottom and 10px from the right (unless, of
> course, other constraints come into play).
>
> -Maciek
>
>
> -----Original Message-----
> From: Allan Pichler [EMAIL PROTECTED]
> Reply-To: flexcoders@yahoogroups.com
> To: flexcoders@yahoogroups.com
> Subject: Re: [flexcoders] layout question
> Date: Wed, 14 May 2008 00:48:20 -0700
>
> verticalAlign="
> middle"
>
>
>
> On Wed, May 14, 2008 at 12:42 AM, Maciek [EMAIL PROTECTED] wrote:
>         Hi. I've been doing a fair amount of Actionscript, and am now
>         getting to
>         do some mxml layout. I
>
>         I have a component with a login control (this is the only
child
>         in the
>         component, and the parent is a VBox with width and height set
to
>         100%):
>
>         <mx:Panel id="loginPanel">
>         <mx:Form id="loginForm"
>         left="10" right="10" bottom="10" top="10">
>         <mx:FormHeading label="Welcome"/>
>         <mx:FormItem label="User Name">
>         <mx:TextInput id="username"/>
>         </mx:FormItem>
>         <mx:FormItem label="Password">
>         <mx:TextInput id="password" displayAsPassword="true"/>
>         </mx:FormItem>
>         </mx:Form>
>         <mx:Button label="Log in"
>         click="handleLogin(event)" bottom="10" right="10"/>
>         </mx:Panel>
>
>         This does what I expect for the form, (it has a margin of
10px),
>         but the
>         button is clinging to the bottom left of the panel. I think
I'm
>         missing
>         something. Any suggestions?
>
>         -Maciek
>

Reply via email to