Question

This is a really easy one that I thought would be easily found on google but I can’t think of the terminology.

I’m using CS4 and AS3 with a few multi-line dynamic text boxes beneath one another. When I populate the top text box I would like it to automatically push down the other text boxes beneath it when the content flows on to extra lines.

At the moment it only wraps to the gap that is between each text box but then stops when reaching the text box beneath.

Is there a property to allow for this (I’ve worked in Silverlight and there was on controls there) that I can just set or will I have to manually implement this and call functionality to re-set all the controls y properties each time I change the text in the text box?

Thanks

Answer 1

first you need the textfield to be autosized

myTextField.autoSize = TextFieldAutoSize.LEFT

then you need to listen to the textfield changes, or the user typing in it

myTextField.addEventListener(Event.CHANGE, function(e:Event):void{
    var newHeight:number = myTextField.height;
}

based on the new height you can move the other elements under it up or down