[flexcoders] verticalAlign="middle" doesn't work on mx:GridRow

[Reid Priedhorsky]

Hi folks,

I have the following code:

         <mx:Grid width="100%">
           <mx:GridRow width="100%" verticalAlign="middle">
             <mx:GridItem><mx:Label text="From:"/></mx:GridItem>
             <mx:GridItem width="100%">
               <mx:TextInput id="rf_from" width="100%" height="40"/>
             </mx:GridItem>
           </mx:GridRow>
           <mx:GridRow width="100%">
             <mx:GridItem><mx:Label text="To:"/></mx:GridItem>
             <mx:GridItem width="100%">
               <mx:TextInput id="rf_to" width="100%"/>
             </mx:GridItem>
           </mx:GridRow>
         </mx:Grid>

I want the items in the rows to be centered vertically, i.e. if one were 
to draw a horizontal line through the vertical center of the row, it 
would also pass through the vertical centers of each item.

The above doesn't work; items in the row stay aligned to the top. 
verticalAlign="bottom" doesn't have any effect either, nor does placing 
the directive on the mx:Grid tag.

Any suggestions?

Many thanks for your help,

Reid