features request:make RichTextBox and TextArea support Auto-Resizing

[Alex Luya]

For TextArea,it not difficult and I have implemented it.But for
RichTextArea,It is not so easy(for me).Hope this feature can be
supported by GWT originally.

[Deepak Singh]

+1

Alex, How did you implement it for textarea. Can you pls share the code.

Thanks

Deepak

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-we...@googlegroups.com.
To unsubscribe from this group, send email to google-web-tool...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

--
Deepak Singh

[Jens]

Typically you would use a hidden div element that has the same styles applied as the textarea, plus a bid of extra bottom padding. Then while typing into the Textarea you will copy the text into the div element and read the div element's height. Then you can set the height to the Textarea. If you want to avoid setting the height yourself to the Textarea you could use CSS to do so:

<div> //wrapper div that has position:relative

  <div></div> // hidden div that has at least: position:relative; padding-bottom:20px; visibility:hidden;

  <textarea /> //Textarea that has position:absolute; top:0px; left:0px;right:0px;bottom:0px;

</div>

This should let the textarea always fit the size of the wrapper div. The size of the wrapper div is defined by the text you copy from the textarea into the hidden div (because of position:relative and position:absolute)

Works pretty well for me. For best results you just have to make sure that the hidden div would show the text exactly the same as the textarea.

-- J.

[coderinabstract]

The challenge with this approach is that the hidden div shows a white space which also grows with the text in the rich text area and growing rich text area.

Any idea on how to avoid the white space in the div/container panel/flowpanel?

Cheers and thanks

[coderinabstract]

After some iterations... got it to work with the container strategy described above with the wrapper div... no whitespace anymore...

Cheers...