Skip navigation
Currently Being Moderated

Two labels: one left flush and the other right flush

Oct 25, 2013 11:10 AM

Tags: #mobile #label #spark #hgroup #right_flush #left_flush

In a mobile application I want to create a status bar like this:

Capture.JPG

The first string (I'm using RichText) should be left flush, and the second string should be right flush. How do I do that? I tried HGroup with the first string=80% and the second string=20%, but the second string doesn't go all the way to the right.

 

Any help will be much appreciated! Thank you!

 
Replies
  • Currently Being Moderated
    Oct 25, 2013 3:18 PM   in reply to afukada

    Did you try

     

    
    <Group>
    <Label left="0"></Label>
    <Label right="0"></Label>
    </Group>

     

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 26, 2013 10:32 PM   in reply to afukada

    Make sure the container is Group, not Hgroup.  Post a small example if it isn't working.

     

    -Alex

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 27, 2013 5:01 PM   in reply to afukada

    try paddingLeft and paddingRight, im not exactly sure how this compares to left and right alone, but it may work.

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 27, 2013 8:10 PM   in reply to afukada

    Try (do not use HGroup):

     

    
    
    <s:SkinnableContainer backgroundColor="red" width="100%">
    
        <s:Group width="100%">
    
            <s:Label text="Course: JPNS_101_301_13F Exercise: Asking for the time" fontSize="8" left="0"></s:Label>
    
            <s:Label text="Item 2 of 8" fontSize="8" right="0"></s:Label>
    
        </s:Group>
    
    </s:SkinnableContainer >
    
    
    

     

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points