<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:ns1="net.goozo.mx.dockable.*" paddingLeft="5" paddingRight="5" paddingTop="3" paddingBottom="7">
    <mx:Canvas width="100%" height="100%">
        <ns1:DockableHDividedBox width="100%" x="0" height="100%" y="0">
            <ns1:DockableVDividedBox width="70%">
                <ns1:DockablePanel height="60%">
                    <ns1:DockableTabNavigator floatEnabled="false" dockId="A">
                        <mx:VBox label="child A1" />
                        <mx:VBox label="child A2" />
                        <mx:VBox label="child A3" />
                        <mx:VBox label="child A4" />
                    </ns1:DockableTabNavigator>
                </ns1:DockablePanel>
                <ns1:DockablePanel height="40%">
                    <ns1:DockableTabNavigator floatEnabled="false" dockId="B">
                        <mx:VBox label="child B1" />
                        <mx:VBox label="child B2" />
                        <mx:VBox label="child B3" />
                        <mx:VBox label="child B4" />
                    </ns1:DockableTabNavigator>
                </ns1:DockablePanel>
            </ns1:DockableVDividedBox>
            <ns1:DockablePanel width="30%">
                <ns1:DockableTabNavigator floatEnabled="false" dockId="A">
                    <mx:VBox label="child A5" />
                </ns1:DockableTabNavigator>
            </ns1:DockablePanel>
        </ns1:DockableHDividedBox>
    </mx:Canvas>
</mx:Application>