Thanks Ravi, That is what i was expecting.
Regards, Madan N On Fri, Mar 13, 2009 at 11:46 AM, Ravi Mishra <[email protected]>wrote: > > Hi Madan, > > I have tried the same thing using states. Check out the following > code: > > <?xml version="1.0" encoding="utf-8"?> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; > layout="absolute" height="100%" width="100%" > verticalScrollPolicy="off" horizontalScrollPolicy="off"> > <mx:states> > <mx:State name="toAddState"> > <mx:SetStyle name="bottom" value="10" > target="{notificationBox}"/ > > > > </mx:State> > </mx:states> > <mx:transitions> > <mx:Transition fromState="*" toState="toAddState"> > <mx:Parallel id="t1" target="{notificationBox}"> > <mx:Move duration="400"/> > </mx:Parallel> > </mx:Transition> > <mx:Transition fromState="toAddState" toState="*"> > <mx:Parallel id="t2" target="{notificationBox}"> > <mx:Move duration="400"/> > </mx:Parallel> > </mx:Transition> > </mx:transitions> > <mx:Button click="currentState='toAddState'" right="80" > label="Show"/ > > > <mx:Button click="currentState=''" right="5" label="Hide"/> > > <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"; > styleName="popupWindowStyle" > showEffect="myMove" > hideEffect="myMove" > visible="true" > includeInLayout="true" > right="5" > bottom="-100" > width="240" > height="90" > showCloseButton="true" > title="Notifications" > id="notificationBox" > > > </mx:TitleWindow> > </mx:Application> > > HTH, > > -Ravi > > > On Mar 13, 12:58 am, Madan Narra <[email protected]> wrote: > > Hi All, > > > > I want to display a notification box that be displayed at Bottom X and Y > > coordinates. Same as the yahoo messenger notifies when there are any > > contacts sign-in or sign-out. > > > > I have written the code. This is working as expected, but causing some > issue > > which i was not able to predict. > > > > Can anyone please analyze and let me know where i went wrong. > > > > <?xml version="1.0" encoding="utf-8"?> > > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; > layout="absolute" > > creationComplete="init()"> > > <mx:Script> > > <![CDATA[ > > import mx.effects.easing.Linear; > > > > [Bindable] var xx:int; > > [Bindable] var yy:int; > > > > private function init():void { > > xx = topBox.screen.bottomRight.x; > > yy = topBox.screen.bottomRight.y; > > > > message.text = "ACTUAL :: x :: "+xx+" yy :: "+yy; > > } > > > > private function showNotification():void { > > notificationBox.visible = true; > > notificationBox.includeInLayout = true; > > > > notificationBox.width=240; > > notificationBox.height=90; > > > > //myMove.xFrom = xx; > > //myMove.xTo = xx - 250; > > > > newMessage.text = "from yy "+yy+" to yy "+(yy - 100); > > > > myMove.play(); > > } > > > > private function hideNotification():void { > > //myMove.xFrom = xx - 250; > > //myMove.xTo = xx; > > > > myMove.yFrom = yy - 100; > > myMove.yTo = yy; > > > > newMessage.text = "from yy "+(yy - 100)+" to yy "+yy; > > > > notificationBox.visible = false; > > notificationBox.includeInLayout = false; > > > > myMove.play(); > > } > > > > ]]> > > </mx:Script> > > > > <mx:Move target="{notificationBox}" id="myMove" > > easingFunction="Linear.easeIn"/> > > > > <mx:Style> > > .popupWindowStyle { > > background-color: #FFFFFF; > > padding-top: 0; > > padding-left: 0; > > padding-right: 0; > > padding-bottom: 0; > > header-height: 20; > > border-thickness-bottom: 5; > > border-thickness-top: 5; > > border-thickness-left: 5; > > border-thickness-right: 5; > > border-color:#C0C0C0; > > header-colors: #FFFFFF, #BCC2CD; > > borderColor: #C0C0C0; > > borderStyle: solid; > > } > > </mx:Style> > > > > <mx:VBox width="100%" height="100%" id="topBox"> > > > > <mx:Box width="100%" height="20%" backgroundColor="green"> > > > > </mx:Box> > > > > <mx:HBox width="100%" height="100%"> > > <mx:VBox width="30%" height="100%" backgroundColor="red"> > > > > </mx:VBox> > > <mx:VBox width="100%" height="100%" backgroundColor="yellow" > > verticalAlign="middle"> > > <mx:Label id="message"/> > > > > <mx:Spacer height="20"/> > > > > <mx:Label id="newMessage"/> > > > > <mx:Spacer height="20"/> > > > > <mx:Button label="Show Notification" click="showNotification()"/> > > <mx:Button label="Hide Notification" click="hideNotification()"/> > > </mx:VBox> > > </mx:HBox> > > > > <mx:Box width="100%" height="10%" backgroundColor="green"> > > > > </mx:Box> > > > > </mx:VBox> > > > > <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"; > > styleName="popupWindowStyle" > > showEffect="myMove" > > hideEffect="myMove" > > visible="false" > > includeInLayout="false" > > x ="{xx - 250}" > > y="{yy - 100}" > > width="240" > > height="90" > > showCloseButton="true" > > label="Notifications" > > id="notificationBox" > > > > > </mx:TitleWindow> > > </mx:Application> > > > > -- > > Thanks, > > Madan N > > > -- Thanks, Madan N --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Flex India Community" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/flex_india?hl=en -~----------~----~----~----~------~----~------~--~---
