Flex 3 popup forms - how to popup forms

Posted on 2009-05-10
Last Modified: 2012-05-06
I am designing an application in flex 3, I fairly new so picking up as i go along.

I want to be able to popup a title window ,panel or tab navigator container when a button is pressed.

I will of course have many popups, so not sure how to deal with this

I have added the a button window popup below the application.
<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="" layout="absolute" creationComplete="init();">



                  import mx.binding.utils.BindingUtils;



                  private function init():void


                        BindingUtils.bindSetter(setVS, accordion, "selectedIndex");      



                  private function setVS(selectedIndex:Number):void


                        VS_AllEnquires.selectedIndex = selectedIndex;




        <mx:Canvas x="5" y="10" id="Enquiries" label="Enquiries" width="100%" height="100%" borderStyle="solid">

                <mx:HBox borderStyle="inset" width="531" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" height="34" y="10" x="10" backgroundColor="#585757" cornerRadius="10" dropShadowColor="#690F0F" dropShadowEnabled="true">

                        <mx:Button label="New Enquiry"/>

                        <mx:Button label="New Quote"/>

                        <mx:Button label="Appointment"/>


                <mx:HDividedBox x="10" y="52" width="531" height="260"  >

                        <mx:VDividedBox width="30%" height="100%">

                                <mx:Accordion id="accordion" width="100%" height="70%">

                                        <mx:Canvas label="Quotes" width="100%" height="100%">


                                        <mx:Canvas label="View2" width="100%" height="100%">



                                <mx:TextArea width="100%" height="30%"/>


                <mx:VDividedBox width="70%" height="100%">

                        <mx:ViewStack id="VS_AllEnquires" borderStyle="solid" width="100%" height="80%">

                                <mx:Canvas id="AllEnquiries" label="AllEnquiries" width="100%" height="100%">

                                        <mx:DataGrid id="DG_AllEnquiries" width="100%" height="100%">


                                                        <mx:DataGridColumn headerText="Enquiry Date" dataField="col1"/>

                                                        <mx:DataGridColumn headerText="Enquiry Source" dataField="col2"/>

                                                        <mx:DataGridColumn headerText="Personell" dataField="col3"/>




                                <mx:Canvas label="View2" width="100%" height="100%">



                        <mx:TextArea width="100%" height="20%"/>



                <mx:Panel x="10" y="329" width="250" height="200" layout="absolute" title="New Enquiry button Popup">

                        <mx:Button x="156" y="128" label="close"/>

                        <mx:Button x="92" y="128" label="save"/>


                <mx:Panel x="268" y="329" width="250" height="200" layout="absolute" title="Selected Data Grid Row Popup">





Open in new window

Question by:X-quisite
  • 2

Accepted Solution

Fuzzy_Logic_ earned 250 total points
ID: 24350454
You need to use the 'PopUpManager'

Regards FL
 public function addPopUp():void



        var tw = new TitleWindow();

        tw.title = "My Title";

        mx.managers.PopUpManager.addPopUp(tw, pnl, false);


Open in new window


Author Comment

ID: 24350491

Thanks for the link,
I have sort of worked out how to use popup manager when a button is pressed.
However, i am not sure how to do it when a row is doubleclicked in a datagrid.
which event property of the datagrid should i use some sample code would be helpful.

LVL 19

Assisted Solution

Jones911 earned 250 total points
ID: 24350859
On the datagrid add this:

On doubleclick it will call your popup function.
<mx:DataGrid id="myGrid" doubleClick="addPopup()" left="0" right="0" bottom="0" top="0" >

Open in new window


Author Closing Comment

ID: 31579947
Thank you both for putting me in the right direction

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Difference between FDS and LCDS 7 341
How to Develop Photo Share Android App 6 485
google maps with flash 1 369
debugger flash 10 612
First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
Some code to ensure data integrity when using macros within Excel. Also included code that helps secure your data within an Excel workbook.
Concerto provides fully managed cloud services and the expertise to provide an easy and reliable route to the cloud. Our best-in-class solutions help you address the toughest IT challenges, find new efficiencies and deliver the best application expe…
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

932 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now