Elastic textarea

Ext.fc.autoHeightTextArea

Text Area the facebook way

 

About

Get your text areas to grow/shrink according to content

 

Features

  • No endless timer events, height is updated on key press
  • You can define max an min height and height increment for the text area

 

How to use it

1
2
3
4
5
6
7
8
9
<textarea id="grow-me">
    Start typing here to see the Text Area grow, delete text to see it shrink  
</textarea>
 
<script type="text/javascript">
Ext.onReady(function(){
    new Ext.fc.autoHeightTextArea().applyTo('grow-me');
});
</script>

 

See it in action

Check out the demo page

 

Download

download-now  

3 thoughts on “Elastic textarea

  1. Pingback: Build an Elastic Textarea with Ext JS

  2. Pingback: Build an Elastic Textarea with Ext JS - Programming Blog

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>