[flexcoders] Flex Effects Question

[Eric Fleming]

I am trying to do an outlook style effect to notify a user that data has
changed.  I want a box to fade in from the bottom right hand side of the
screen.  This is what I have so far and it works except the text doesn't
fade.  I was also trying to bring the box in from off screen but the
application just expands the scrollbars to show the box.  Any help would be
appreciated.  Thanks.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml " layout="absolute"
height="100%" width="100%">
 <mx:Style>
  Application {
     backgroundColor: #000000;
     backgroundGradientColors: #333333, #999999;
     backgroundGradientAlphas: 1, 1;
     themeColor: #ffffff;
     color: #ff6600;
  }
 </mx:Style>
 <mx:Script>
  <![CDATA[
            import mx.effects.easing.*;

   private function showMessage():void{
    if(messageAlert.visible){
     myText.visible = false;
     messageAlert.visible = false;
    }else{
     myText.visible = true;
     messageAlert.visible = true;
    }
   }
  ]]>
 </mx:Script>

    <mx:Sequence id="fadeIn">
     <mx:Fade duration="500" alphaFrom="0" alphaTo="1" />
     <mx:Pause duration="500" />
     <mx:Fade duration="500" alphaFrom="1" alphaTo="0" />
    </mx:Sequence>

 <mx:VBox>
  <mx:Button click="showMessage()" label="click me" />
 </mx:VBox>
 <mx:ApplicationControlBar label="You have new data." width="250"
height="90" visible="false" id="messageAlert"  showEffect="{fadeIn}"
right="5" bottom="5" backgroundColor="#808080" cornerRadius="7"
borderColor="#808080" >
  <mx:Text id="myText" text="You have new data." showEffect="{fadeIn}"
visible="false" width="100%" height="100%" color="#ffffff" fontSize="14"
fontFamily="Verdana" alpha=" 0.0" />
 </mx:ApplicationControlBar>
</mx:Application>


-- 
Eric Fleming
[EMAIL PROTECTED]