Comments on: Creating custom pop-up windows with the PopUpManager class http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 19:26:49 +0000 hourly 1 By: mahesh http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-9560 mahesh Fri, 02 Sep 2011 05:36:32 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-9560 Peter thnq, if u don't mind...ur profile pic is not looking good...can u keep another pic Peter thnq, if u don’t mind…ur profile pic is not looking good…can u keep another pic

]]> By: Marylka http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-9101 Marylka Sun, 03 Apr 2011 16:15:26 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-9101 Popup Flex 4 login with ColdFusion backend !? Always wanted to have an application where by if someone wanted to view an admin page he/she has to login first. Popup Flex 4 login with ColdFusion backend !?

Always wanted to have an application where by if someone wanted to view an admin page he/she has to login first.

]]> By: deepthika http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-8840 deepthika Mon, 17 Jan 2011 05:34:06 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-8840 i want to bring the popup title window at the centre of the screen, but it is not aligned at the centre only for the 1st time. the remaining times , im able to do bring it in the center. when the user clicks the tab for the 1st time, the titlewindow is not appearing in the center, for the second click onwards, it is positioned in the correct place, reply to bhama1000atgmail.com i want to bring the popup title window at the centre of the screen, but it is not aligned at the centre only for the 1st time. the remaining times , im able to do bring it in the center. when the user clicks the tab for the 1st time, the titlewindow is not appearing in the center, for the second click onwards, it is positioned in the correct place, reply to bhama1000atgmail.com

]]> By: Peter deHaan http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-8422 Peter deHaan Fri, 08 Oct 2010 15:35:31 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-8422 @Ryan L, I modified the example slightly (more MXML based and less ActionScripty) and I think this is closer to the behavior you want: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Script> <![CDATA[ import mx.managers.PopUpManager; private function createPopUp(evt:MouseEvent):void { var panel:MyPanel = PopUpManager.createPopUp(this, MyPanel, true) as MyPanel; PopUpManager.centerPopUp(panel); } ]]> </mx:Script> <mx:Button label="Launch Pop-Up" click="createPopUp(event);" /> </mx:Application> </pre> And the custom Panel component, <em>MyPanel.mxml</em>, is as follows: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" title="My Title" width="240" height="180" defaultButton="{b1}" creationComplete="b2.setFocus();"> <mx:Script> <![CDATA[ import mx.managers.PopUpManager; protected function closePopUp(evt:MouseEvent):void { PopUpManager.removePopUp(this); } ]]> </mx:Script> <mx:VBox paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5"> <mx:Label id="lbl" text="Please enter your name:" /> <mx:TextInput id="textInput" /> </mx:VBox> <mx:ControlBar> <mx:Spacer width="100%" /> <mx:Button id="b1" label="OK" click="closePopUp(event);" /> <mx:Button id="b2" label="Cancel" click="closePopUp(event);" /> </mx:ControlBar> </mx:Panel> </pre> Now, when the Panel is opened the "Cancel" button is focused, but as soon as the user puts the focus in the TextInput control to enter their name, the Panel container's default button gets set to the "OK" button so that pressing the enter key while in the TextInput submits the form instead of cancelling. Peter @Ryan L,

I modified the example slightly (more MXML based and less ActionScripty) and I think this is closer to the behavior you want:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
 
            private function createPopUp(evt:MouseEvent):void {
                var panel:MyPanel = PopUpManager.createPopUp(this, MyPanel, true) as MyPanel;
                PopUpManager.centerPopUp(panel);
            }
        ]]>
    </mx:Script>
 
    <mx:Button label="Launch Pop-Up" click="createPopUp(event);" />
 
</mx:Application>

And the custom Panel component, MyPanel.mxml, is as follows:

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml"
        title="My Title"
        width="240" height="180"
        defaultButton="{b1}"
        creationComplete="b2.setFocus();">
 
    <mx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
 
            protected function closePopUp(evt:MouseEvent):void {
                PopUpManager.removePopUp(this);
            }
        ]]>
    </mx:Script>
 
    <mx:VBox paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5">
        <mx:Label id="lbl" text="Please enter your name:" />
        <mx:TextInput id="textInput" />
    </mx:VBox>
    <mx:ControlBar>
        <mx:Spacer width="100%" />
        <mx:Button id="b1" label="OK" click="closePopUp(event);" />
        <mx:Button id="b2" label="Cancel" click="closePopUp(event);" />
    </mx:ControlBar>
 
</mx:Panel>

Now, when the Panel is opened the “Cancel” button is focused, but as soon as the user puts the focus in the TextInput control to enter their name, the Panel container’s default button gets set to the “OK” button so that pressing the enter key while in the TextInput submits the form instead of cancelling.

Peter

]]> By: Ryan L http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-8420 Ryan L Fri, 08 Oct 2010 12:57:36 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-8420 I have essentially the same thing implemented in my current application. I need to take it one step further. I have to set the focus to one of the buttons in my popup (my client wants CANCEL to be focused by default). Is this possible? I'm not able to make button.setFocus() work. Anything funky about PopUpManager that I'm missing? I have essentially the same thing implemented in my current application. I need to take it one step further. I have to set the focus to one of the buttons in my popup (my client wants CANCEL to be focused by default). Is this possible? I’m not able to make button.setFocus() work. Anything funky about PopUpManager that I’m missing?

]]> By: raksmey http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-8351 raksmey Wed, 22 Sep 2010 07:35:08 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-8351 thank it useful for me and it help me now good job thank it useful for me and it help me now good job

]]> By: andres http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-7029 andres Tue, 16 Feb 2010 13:36:44 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-7029 nice example. i wonder how can i create a sub modal. i mean. i need a modal who just covers a required container ( and its childs), not the whole application . thanks in advance. nice example. i wonder how can i create a sub modal. i mean. i need a modal who just covers a required container ( and its childs), not the whole application . thanks in advance.

]]> By: James http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-6452 James Wed, 25 Nov 2009 05:07:59 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-6452 Hello Peter, I am a student at the University of Nevada Reno and I like this application. I am gonna try to manipulate it but I am very new to Flex. I want to be able to click on text and the pop up contain images and info. Any help would be greatly appreciated. For example, we are creating a web site about entertainment and when the user clicks on an event the pop up window will appear and the user will be able to see more detailed information about the specific event. Hello Peter,

I am a student at the University of Nevada Reno and I like this application. I am gonna try to manipulate it but I am very new to Flex. I want to be able to click on text and the pop up contain images and info. Any help would be greatly appreciated. For example, we are creating a web site about entertainment and when the user clicks on an event the pop up window will appear and the user will be able to see more detailed information about the specific event.

]]> By: Chua Chee Seng http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-6034 Chua Chee Seng Fri, 16 Oct 2009 16:05:35 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-6034 hi friend, Your example hit error if you:- i) Click the button to open the popup ii) While the popup is still open, press 'space' 2 times on your keyboard To avoid that, you should add the setFocus() after PopupManager.centerPopup:- PopUpManager.addPopUp(panel, this, true); PopUpManager.centerPopUp(panel); panel.setFocus(); hi friend,

Your example hit error if you:-
i) Click the button to open the popup
ii) While the popup is still open, press ‘space’ 2 times on your keyboard

To avoid that, you should add the setFocus() after PopupManager.centerPopup:-

PopUpManager.addPopUp(panel, this, true);
PopUpManager.centerPopUp(panel);
panel.setFocus();

]]> By: Lulu http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/comment-page-1/#comment-5950 Lulu Wed, 07 Oct 2009 13:21:26 +0000 http://blog.flexexamples.com/2007/08/06/creating-custom-pop-up-windows-with-the-popupmanager-class/#comment-5950 I found out that it was just the text color. Mabye it will help someone new (like me ;o) Lulu I found out that it was just the text color.

Mabye it will help someone new (like me ;o)

Lulu

]]>