Skip to main content
C
cccccc1980
Participant
October 21, 2011
Question

How can I layout out 3 labels horizontally, so they appear one after another in multiple lines

  • October 21, 2011
  • 1 reply
  • 922 views

I have 3 labels in a container, I would like them appear one after another (make them like spans to the html, inline display), especially when the length of question label is very long and will need to occupy multiple lines.

following codes will have the effects appeared in the first image, and I would like them to look like the second image,
First Image:

Second Image:

is there any ways to make it, it is simple task in html, but I could not fount out a solution for it.

thanks in advanced.


Below is the sample codes in Flex 4.5

<HGroup>

<s:Label text="Q1." styleName="qNum" />

<s:Label text="This question label is very long. sdfsldfjs sd flsjd flsjdfsdfljs dfojhikljsflksjdf  sldjfiosdjfosjdflsjdfl io3iweieirofsdjlsd fls jdfosdifjos dfljsdfs"  styleName="qLabel" />

<s:Label text="*"  styleName="qRequired" />

</HGroup>

This topic has been closed for replies.

1 reply

A
Anonymous2008
Participating Frequently
October 21, 2011

Pardon the formatting issues, this is through email.

Combining a question out of 3 labels seems a little trouble some. Here is a slightly modified version of yours.

<s:HGroup width="100%" horizontalAlign="left" gap="0">

<s:Label text="Q1." styleName="qNum" />

<s:Label text="This question label is very long. sdfsldfjs sd flsjd flsjdfsdfljs dfojhikljsflksjdf sldjfiosdjfosjdflsjdfl io3iweieirofsdjlsd fls jdfosdifjos dfljsdfs" styleName="qLabel" />

<s:Label text="*" styleName="qRequired" />

</s:HGroup>

Or maybe run together into one label... the newer TLF components can use the textFlow property to set formatted text. Such as a s:RichText instead of a label.

<fx:Script>

public sQuestion = " This question label is very long. sdfsldfjs sd flsjd";

public nQuestionNumber:int = 1;

</fx:Script>

<s:Label text="Q. *" /

C
cccccc1980Author
Participant
October 24, 2011

Pardon the formatting issues, this is through email.

Combining a question out of 3 labels seems a little trouble some. Here is a slightly modified version of yours.

<s:HGroup width="100%" horizontalAlign="left" gap="0">

   <s:Label text="Q1." styleName="qNum" />

   <s:Label text="This question label is very long. sdfsldfjs sd flsjd flsjdfsdfljs dfojhikljsflksjdf  sldjfiosdjfosjdflsjdfl io3iweieirofsdjlsd fls jdfosdifjos dfljsdfs"  styleName="qLabel" />

   <s:Label text="*"  styleName="qRequired" />

</s:HGroup>
RE: This  modifition does not work

Or maybe run together into one label...  the newer TLF components can use the textFlow property to set formatted text. Such as a s:RichText instead of a label.


Re: TextFlow is not supported by Mobile devices

<fx:Script>

   public sQuestion = " This question label is very long. sdfsldfjs sd flsjd";

   public nQuestionNumber:int = 1;

</fx:Script>

<s:Label text="Q.  *" /
RE: seems this suggestio nis not fully complete, can you please provide me the full details?

Thanks

A
Anonymous2008
Participating Frequently
October 27, 2011

I hope it's not being stripped from my email replies. What is had was curly brackets with the variables inside it. So in the text quotes it said "Q[curlybracketopen] nQuestionNumber[curlybracketclose]. sQuestion[curlybracketclose] *". This would have combined the questions formatting using one label and some binding.

<fx:Script>

public sQuestion = " This question label is very long. sdfsldfjs sd flsjd";

public nQuestionNumber:int = 1;

</fx:Script>

<s:Label text="Q. *" />

Hope this one got through,

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices