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:


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!

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

    Did you try


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


    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.



    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: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