How to set TextArea height to its content height

apache-flex mxml flex4
Branislav Abadjimarinov picture Branislav Abadjimarinov · Jun 21, 2010 · Viewed 14.6k times · Source

I have an mx:TextArea and I want its height to be the same as its content height. There is nothing fancy - just a text area and text that is not editable. I need a simple and reliable way to make the control fit and show all the text without vertical scroll - something like auto resizing. Also my control's text will be set only once and will not change as it will not be editable.

<mx:TextArea id="myTextArea"
             editable="false"
             width="100%"
             verticalScrollPolicy="off" >
   <mx:text>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id lorem 
      quis ante pulvinar auctor at eget risus. Nulla facilisi. Morbi ultricies 
      dignissim lorem, quis suscipit felis ullamcorper et.
   </mx:text>
</mx:TextArea>

There is one more post here on the same topic but it is not relevant to me because the setup there is a lot more complicated as it includes styling and binding.

Answer

Robusto picture Robusto · Jun 21, 2010

Use the textHeight read-only property of the TextArea, and set the height of the TextArea to be TextArea.textHeight + whatever vertical padding the TextArea uses plus the height of the top and bottom borders (examine the TextArea component and figure those out). This process should happen in a handler you add to the change event for the TextArea.

Related questions

Flex 4: Build a Group with a background

I'm trying to build a simple component extending spark.components.Group to have a background color, more specifically a spark.primitives.Rect component stretched to fill the background. This is what I've come up with thus far: <s:Group …

Read More
Set Flex component width to 100% at runtime?

If I am creating say a input field through MXML, I can set the width to 100%. But I cannot seem to do this at runtime through ActionScript. This works: <mx:TextInput ... width="100%" /> This wont compile, says width is …

Read More
Flex Warning: Unable to bind to property 'foo' on class 'Object' (class is not an IEventDispatcher)

I've got an object that contains a dozen or so fields I want to bind to form elements, so that I can use that object to send the data back to the server to be saved. Definition of my container …

Read More