Auto resize box of input text

[lumpandro]

Hi, when adding an Input text for someone to write on it, I want the text box auto resize while they are typing, mainly when the user types Intro and the line moves up, but without dissappearing within the text box, but just resizing it.

[JoãoCésar]

Hi.

AS3 or HTML5 Canvas?

And can you give a visual example?

Regards,

JC

[lumpandro]

Hey!

- I'm working with AS3

- I need the text box to auto resize so I can read all the message without being cropped by the same text box (attached sample)

[kglad]

are you applying the autoSize property after/as text is entered?

[lumpandro]

No, how can I apply it?

[kglad]

use a textfield (eg, tf) listener to apply 

tf.autoSize="left";

[kglad]

eg, 

tf.addEventListener(Event.CHANGE, f);

function f(e:Event):void{

tf.autoSize = "left";

}

[JoãoCésar]

Hi.

According to the video attached, do you want to resize the text box vertically, right?

Please try something like this:

import flash.events.Event;

var initialTFHeight:Number = yourTF.height;
var tfBottomOffset:Number = 50; // make sure the last line will be visible

function resizeTFVertically(e:Event):void
{
	// resize the text box according to the text height but clamping the value to a minimum
	e.currentTarget.height = Math.max(e.currentTarget.textHeight + tfBottomOffset, initialTFHeight);
	e.currentTarget.scrollV = 1;
}

yourTF.multiline = true; // set this value to true here or in the Properties panel
yourTF.addEventListener(Event.CHANGE, resizeTFVertically);

I hope this helps.

Regards,

JC