Multi line label

Hersir

Hi,
have some issues with label component.
I have Layout group that have vertical layout attached. And then I have bunch of texts that should be rendered one after another. All that works but labels, don't wrap to next line, maybe I miss some property? I tried to set explicit width on labels, that helped and text got wrapped but somehow it was not visible fully and got some scrollable text.

<LayoutGroup layout=${verticalLayout}>
<Label wordWrap=${true} text="long text" textFormat=${textFormat} />
....
</LayoutGroup>

testing on HTML5 target, also added background skin for layout group and it had correct size with all gaps from layout

joshtynjala

Yeah, text won't wrap unless you set the width of the Label. You have two options to make theLabel fill the full width of the LayoutGroup.

1) Pass VerticalLayoutData with percentWidth = 100.0 to the layoutData property of the Label.
2) Set verticalLayout.horizontalAlign = JUSTIFY. This will make all components in the LayoutGroup fill the entire width, though. If you only want the width of the Label to be affected, this is not the right choice.

Hersir

Tried layout data and horizontalAlign, looks like space was added for the text but text is not visible (height issue ?) managed to scroll label to see extra text

joshtynjala

Can you put together some simple code that will reproduce the issue? Thanks!

Hersir

Hi, @joshtynjala sure here you go

final layout = new VerticalLayout();
layout.horizontalAlign = HorizontalAlign.JUSTIFY;
final group = new LayoutGroup();
group.autoSizeMode = AutoSizeMode.STAGE;
group.layout = layout;
addChild(group);

final text = new Label();
text.text = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.";
text.wordWrap= true;
group.addChild(text);

I just put this in Main that extends Application and compiled to HTML5

what I noticed that it was working If I add longer text so it could be it depends on screen size / text length ratio

joshtynjala

Thanks! This is a bug in OpenFL 9.1.0. I gave your code a try with both 9.1.0 and the latest from Github, and I confirm that it's been fixed with the Github version.