[flexcoders] Re: Relative Layout Question

[alinmircea_s]

Here you go, i think this is it :) if so, always pay attention to the
absolute and vertical layout of the components

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
verticalGap="0" paddingTop="0" paddingBottom="0" width="600" height="600">

        <mx:Panel height="70%">
                <mx:Text text="This panel should take up 75% of the 
application's
height" />
        </mx:Panel>

        <mx:Panel id="my25panel" height="30%" layout="absolute"
title="{100/(this.height/my25panel.height)}" width="100%"
verticalScrollPolicy="off" horizontalScrollPolicy="off">
                <mx:Accordion height="100%" width="100%" >
                        <mx:Canvas verticalScrollPolicy="on" height="100%" 
width="100%">
                                <mx:VBox verticalScrollPolicy="off" 
height="100%" width="100%">
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>         
                                </mx:VBox>
                        </mx:Canvas>
                        <mx:Canvas verticalScrollPolicy="on" height="100%" 
width="100%">
                                <mx:VBox verticalScrollPolicy="off" 
height="100%" width="100%">
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>         
                                </mx:VBox>
                        </mx:Canvas>
                        <mx:Canvas verticalScrollPolicy="on" height="100%" 
width="100%">
                                <mx:VBox verticalScrollPolicy="off" 
height="100%" width="100%">
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>
                                        <mx:TextInput/>         
                                </mx:VBox>
                        </mx:Canvas>
                         
                </mx:Accordion>
        </mx:Panel>
</mx:Application>