<?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:DockablePanel width="70%">
                <ns1:DockableTabNavigator >
                    <mx:VBox label="child 1" />
                    <mx:VBox label="child 2" />
                    <mx:VBox label="child 3" />
                    <mx:VBox label="child 4" />
                </ns1:DockableTabNavigator>
            </ns1:DockablePanel>
            <ns1:DockablePanel width="30%">
                <ns1:DockableTabNavigator floatEnabled="false" dockId="alone">
                    <mx:VBox label="Leave Me Alone" />
                </ns1:DockableTabNavigator>
            </ns1:DockablePanel>
        </ns1:DockableHDividedBox>
        <ns1:FloatPanel x="50" y="50" width="200" height="150" >
            <ns1:DockableTabNavigator >
                <mx:VBox label="child 5" />
                <mx:VBox label="child 6" />
            </ns1:DockableTabNavigator>
        </ns1:FloatPanel>
    </mx:Canvas>
</mx:Application>