Flex Examples
The following example shows how you can center a pop up window (in this case an Alert control) when the Flex application is resized by using the resize event on the <mx:Application /> tag and using the static PopUpManager.centerPopUp() method.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/04/06/centering-a-pop-up-window-when-a-flex-application-is-resized/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
resize="application_resize(event);">
<mx:Script>
<![CDATA[
import mx.events.ResizeEvent;
import mx.controls.Alert;
import mx.managers.PopUpManager;
private var alert:Alert;
private function init():void {
alert = Alert.show("The quick brown fox jumped over the lazy dog.", "title");
}
private function application_resize(evt:ResizeEvent):void {
if (alert) {
PopUpManager.centerPopUp(alert);
}
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Button label="Launch!" click="init();" />
</mx:ApplicationControlBar>
</mx:Application>
View source is enabled in the following example. | Click here to open example in a new window
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
Share
Nice
Hi,
Good example, but is it possible to use this kind of popup to enter information, or is it just for messages? If not, what would you recommend for user input?
Andres,
I would probably use the TitleWindow container and PopUpManager class.
Peter
Thanx! Those were exacly the classes I was looking for!
Great Examples!!!
Nice solution. Worked well for me. Thanks!
I have a form designed using Flex. The form does not fit the screen area and hence I am having scroll bars in it. When we click on some of the controls in the form, we open popups. But when the popup is opened, if we scroll the form using the form scroll bar then the popup is not getting scrolled. I want the popup to be scrolled along with the form elements. Please let me know how this can be done.
Thanks
Abhilash
I have the same problem as Abhilash. Anyone have any answers?
I too have the same problem. Is there any solution..?
Nice example !!!.
One Comment, the correct phrase is “The quick brown fox jumps over the lazy dog”
:)
Thanks, I actually had it wrong for quite a few months before I realized I was using the incorrect phrase.
Peter
I created a login window,its a pop up window. How do i enable the scroll bar for pop up window(i.e login window) when i resize the browser?
Suman
Lol !!! Woa !!! This code creates a big dependence between Application and the popup ….
You must add this event listener on the popup component (use creationComplete=”Application.application.addEventListener(Res….”) and do the PopupManager.center(this); in the popup component else your code is working only for 1 Popup (good for a blog but useless for dev. )
eBuildy, Web 2 Specialists
nice
check this link for centering a pop up window
nice
check this link for centering a pop up window http://www.ntaka.co.za/centering-a-popup-in-flex