The columns above are placed inside a dynamic panel. When the dynamic panel change size the widgets below the panel are moved up / down. It is somewhat complicated, but I think it is an interresting example.

How does it work?

For each text area some javascript is executed in the OnLoad event. This javascript enable autosizing of the text area and it also makes sure that the widgets below are moved up or down when the text area is resized. In order to move the widgets below up or down a hidden widget is used - for each text area there is a hidden widget.

The autosizing javascript assume that all text area widgets have a unqiue name, and that the hidden widget associated with text area has the same name suffixed by .PushPull

Also notice that I use Improved Javascript Injection.