CODEWITHSUNDEEP
apache-flexlayout
ufk
ufk

Reputation: 32094

flex: how to decrease gap between each text element?

I have an mx:vbox and inside i have several mx:text elements. how do i decrease the gap between each line of text that is shown ? i tried doing the following:

  <mx:VBox borderColor="black" borderStyle="inset" width="80%" verticalGap="0" paddingBottom="0" paddingTop="0">
             <mx:Text text="a" width="80%" paddingBottom="0" paddingTop="0"/>
             <mx:Text text="b" width="80%" paddingBottom="0" paddingTop="0"/> 
             <mx:Text text="c"  width="80%" paddingBottom="0" paddingTop="0"/>
             <mx:Text text="d" width="80%"   paddingBottom="0" paddingTop="0"/>
            </mx:VBox>

and still there is a big gap between each line.

Upvotes: 0

Views: 769

Answers (2)

James Ward
James Ward

Reputation: 29433

You could also try to use the Label component instead (if you don't need multi-line text). Or set a specific height value on the Text components.

Upvotes: 1

Robert Bak
Robert Bak

Reputation: 4236

You can try setting verticalGap to a negative amount, eg. verticalGap="-10"

Upvotes: 1

Related Questions