<?xml version="1.0" encoding="utf-8"?>
<!---
ConstraintLayout Sample
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" viewSourceURL="srcview/index.html">

    <mx:Style source="asset/selector.css" />

    <mx:Canvas width="900" height="600" backgroundAlpha="1" backgroundColor="0">

        <mx:constraintColumns>
            <mx:ConstraintColumn id="col1" width="300" />
            <mx:ConstraintColumn id="col2" width="300" />
            <mx:ConstraintColumn id="col3" width="300" />
        </mx:constraintColumns>

        <mx:constraintRows>
            <mx:ConstraintRow id="row1" height="200" />
            <mx:ConstraintRow id="row2" height="200" />
            <mx:ConstraintRow id="row3" height="200" />
        </mx:constraintRows>

        <mx:Button label="1" styleName="button1" />
        <mx:Button label="2" styleName="button2" />
        <mx:Button label="3" styleName="button3" />
        <mx:Button label="4" styleName="button4" />
        <mx:Button label="5" styleName="button5" />
        <mx:Button label="6" styleName="button6" />
        <mx:Button label="7" styleName="button7" />
        <mx:Button label="8" styleName="button8" />
        <mx:Button label="9" styleName="button9" />

    </mx:Canvas>

</mx:Application>