use a spacer in the middle with width="100%".

--- In [email protected], "Merrill, Jason"
<[EMAIL PROTECTED]> wrote:
>
> Stupid question, but how do I get two objects to be placed on the same
> horizontal space (i.e. HBox) but one aligned left, and one aligned
> right?  
>  
> So essentially, what I want is:
>  
> | TEXT                          CHECKBOX |
> | TEXT                          CHECKBOX |
> | TEXT                          CHECKBOX |
> | TEXT                          CHECKBOX |
>  
> This is my attempt, but does not work - I want the checkbox to be
> right-aligned, and the label text for skillName to be left aligned:
>  
>   <mx:Repeater id="skillRepeater"
> dataProvider="{model.myProfile.skills}">
>    <mx:HBox width="100%">
>     <mx:HBox horizontalAlign="left">
>      <mx:Label text="{skillRepeater.currentItem.skillName}"
> fontSize="12"/>
>     </mx:HBox>
>     <mx:HBox horizontalAlign="right">
>      <mx:CheckBox selected="{!skillRepeater.currentItem.isPublic}"
> label="Private?" labelPlacement="left"/>
>     </mx:HBox>
>    </mx:HBox>
>    <mx:HSlider value="{skillRepeater.currentItem.expertiseLevel}"
> id="skillSlider" labels="['Beginner', 'Intermediate', 'Expert']"/>
>    <mx:HRule width="100%"/>
>   </mx:Repeater>
>  
> 
> Jason Merrill 
> Bank of America 
> GT&O L&LD Solutions Design & Development 
> eTools & Multimedia 
> 
> Bank of America Flash Platform Developer Community
>


Reply via email to