<mx:HBox width="100%" height="100%">
    <mx:VBox paddingLeft="10">
     <mx:Label text="Box Attributes:" fontWeight="bold"/>
     <mx:Label text="x:"/>
     <mx:NumericStepper id="x_ns" value="50" maximum="{canvas.width}"/>
     <mx:Label text="y:"/>
     <mx:NumericStepper id="y_ns" value="50" maximum="{canvas.height}"/>
     <mx:Label text="width:" />
     <mx:NumericStepper id="width_ns" value="50" maximum="{canvas.width}"/>
     <mx:Label text="height:" />
     <mx:NumericStepper id="height_ns" value="50" maximum="{canvas.height}"/>
     <mx:Label text="line width:" />
     <mx:NumericStepper id="lineWidth_ns" value="1"/>
     <mx:Label text="line color:" />
     <mx:ColorPicker id="line_cp" selectedColor="#000000"/>
     <mx:Label text="fill color:" />
     <mx:ColorPicker id="fill_cp" selectedColor="#FFFFFF"/>
     <mx:Button label="Box" click="drawBox()"/>
     <mx:Button label="FreeHand" click="mode=0;"/>
     <mx:Button label="DrawBox" click="mode=1;"/>
        <mx:Label text="drawing = {drawing}" />
        <mx:Label text="mode = {mode}" />
    </mx:VBox>