<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:dp="net.digitalprimates.flex.mx.containers.*" layout="vertical" viewSourceURL="srcview/index.html">
    <dp:QuadDividedBox id="quad" width="100%" height="100%" liveDragging="false" verticalGap="10">
        <mx:HBox id="zero" backgroundColor="0xFFFF00" minWidth="200" minHeight="200" width="100%" height="100%" backgroundAlpha=".1">
            <mx:Button label="ZERO" width="100%" height="100%" click="quad.maximizedChild=zero"/>
        </mx:HBox>
        <mx:HBox id="one" width="100%" height="100%" backgroundAlpha=".1">
            <mx:Button label="ONE" width="100%" height="100%" click="quad.maximizedChild=one"/>
        </mx:HBox>
        <mx:HBox id="two" backgroundColor="0xFF0000" width="100%" height="100%" backgroundAlpha=".1">
            <mx:Button label="TWO" width="100%" height="100%" click="quad.maximizedChild=two"/>
        </mx:HBox>
        <mx:HBox id="three" backgroundColor="0x0000FF" width="100%" height="100%" backgroundAlpha=".1">
            <mx:Button label="THREE" width="100%" height="100%" click="quad.maximizedChild=three"/>
        </mx:HBox>
    </dp:QuadDividedBox>
    
    <mx:HBox width="100%">
        <mx:Button label="Maximize 0" click="quad.maximizedChild=zero"/>
        <mx:Button label="Maximize 1" click="quad.maximizedQuadrant=1"/>
        <mx:Button label="Maximize 2" click="quad.maximizedChild=two"/>
        <mx:Button label="Maximize 3" click="quad.maximizedQuadrant=3"/>
    </mx:HBox>
    
</mx:Application>