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]