<?xml version="1.0" encoding="utf-8"?>
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
          xmlns:comps="*"
    backgroundColor="#FFFFFF">
    <mx:Script>
      <![CDATA[
        import mx.controls.Alert;
        import flash.events.Event;
        
        // method to handle custom event
        public function labelChanged(eventObj:Event):void {
          myTA.text= myTA.text + "\n"+ eventObj.target.label;
          myTA.verticalScrollPosition = myTA.verticalScrollPosition + 20;
        }    
      ]]>
    </mx:Script>  
    <mx:Sequence target="{myButton}" id="myEffect">
       <mx:Glow alphaFrom="100" alphaTo="10" blurXFrom="0" blurXTo="20" blurYFrom="0" blurYTo="20" duration="200"/>
       <mx:Glow alphaFrom="10" alphaTo="100" blurXFrom="20" blurXTo="0" blurYFrom="20" blurYTo="0"  duration="200"/>  
    </mx:Sequence>
    <mx:Panel title="Event Sample" width="500" height="275" 
      paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"
      layout="absolute"> 
            <mx:TextInput id="buttonLabelTI" 
              change="myButton.myLabel=buttonLabelTI.text" x="10" y="9"/>
     <!--Instantiate custom class and define method to handle labelChanged event-->
     <comps:professional_flex_code_14_ButtonLabel id="myButton" labelChanged="labelChanged(event);" 
       labelChangedEffect="myEffect" x="10" y="39"/>
           <mx:TextArea id="myTA" width="200" height="200"  x="249" y="10"/>
          </mx:Panel>
  </mx:Application>