Flex Popup Window Source Code Sample

Flex Panels and Windows Sample Source Code:
Create a file:
PopupWindow.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0"> <mx:Script> import mx.managers.PopUpManager; private function showWindow(modal:Boolean):void { var logonWindow:LogonWindow = new LogonWindow(); logonWindow.addEventListener("logon", logonHandler); PopUpManager.addPopUp(logonWindow, this, modal); PopUpManager.centerPopUp(logonWindow); } public function logonHandler(event:LogonEvent):void { status.text="You entered userId: " + event.userId + " password: " + event.password; } </mx:Script> <mx:Panel width="100%" height="100%" horizontalAlign="center" paddingTop="20"> <mx:Button label="Show Window" click="showWindow(false)" width="150"/> <mx:Button label="Show Modal Window" click="showWindow(true)" width="150"/> <mx:Label id="status"/> </mx:Panel> </mx:Application>

LogonWindow.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" title="Logon" borderAlpha="1.0"> <mx:Script> import mx.managers.PopUpManager; private function logon():void { dispatchEvent(new LogonEvent(userId.text, password.text)); mx.managers.PopUpManager.removePopUp(this); } </mx:Script> <mx:Metadata> [Event("logon")] </mx:Metadata> <mx:Form> <mx:FormItem label="UserId" required="true"> <mx:TextInput id="userId" width="150"/> </mx:FormItem> <mx:FormItem label="Password" required="true"> <mx:TextInput id="password" width="150"/> </mx:FormItem> <mx:FormItem> <mx:HBox horizontalGap="30"> <mx:Button label="Logon" click="logon()"/> <mx:Button label="Cancel" click="PopUpManager.removePopUp(this)"/> </mx:HBox> </mx:FormItem> </mx:Form> </mx:TitleWindow>