<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:component="com.digitalink.component.*" backgroundColor="#FFFFFF" viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[

            private function clearClick(event:MouseEvent) : void
            {
                this.digitalInkPad.clear();        
            }
        ]]>
    </mx:Script>
    <mx:Canvas width="100%" height="100%">
        <component:DigitalInkPad 
            id="digitalInkPad"
            height="68" 
            backgroundColor="#FFFFFF" alpha="1" 
            penColor="{inkColor.selectedColor}" 
            penThickness="{this.penThickness.value}"
            borderColor="0" 
            borderThickness="1" 
            borderStyle="solid" 
            cornerRadius="16" y="36" left="10" right="10"/>
            
        <mx:ColorPicker id="inkColor"  y="112" x="104"/>
        <mx:Label x="10" y="10" text="Sign Here"/>
        <mx:Label x="11" y="112" text="Pen Color:"/>
        <mx:Label x="11" y="144" text="Pen Thickness"/>
        <mx:HSlider x="104" y="144" minimum="1" maximum="10" snapInterval="1" enabled="true" id="penThickness"/>
        <mx:Button x="10" y="170" label="Clear" id="clear" click="clearClick(event)"/>
    </mx:Canvas>
    

    
    
</mx:Application>