[flexcoders] Expanding text area in form / ControlBar docked to bottom

[Richard Rodseth]

Given the following layout, shouldn't the TextArea expand to fill the
form/panel height? I've also tried setting bottom="20", but I guess
the form isn't an absolute layout. What's the cleanest way to do this?

Also, I would like the ApplicationControlBar to remain visible at all
times, even if the rest of the layout gets clipped. The app is
surrounded by HTML content if that makes a difference.

Thanks.


<?xml version="1.0" encoding="utf-8"?>
<mx:Application
        xmlns:mx="http://www.adobe.com/2006/mxml";
        verticalScrollPolicy="off" horizontalScrollPolicy="off"
        width="100%"
        height="100%"
        >

        <mx:VBox width="100%" height="100%">
                <mx:Panel width="100%" height="100%">
                        <mx:Form width="100%" height="100%" >
                                <mx:FormItem width="100%" label="One">
                                        <mx:TextInput width="100%"/>
                                </mx:FormItem>
                                <mx:FormItem width="100%" height="100%"  
label="Two">
                                        <mx:TextArea width="100%" height="100%" 
/>
                                </mx:FormItem>
                        </mx:Form>
                                
                </mx:Panel>
                <mx:ApplicationControlBar dock="true" width="100%">
                        <mx:Button label="Have Fun"/>
                </mx:ApplicationControlBar>
        </mx:VBox>

</mx:Application>