No problem. Sorry, after re-reading my reply, I worded it very poorly. I meant my solution was a little crude and I’m sure somebody on the FlexCoders list would have a more elegant solution.

Peter

This is a little crude, and you probably want to ask this question on the FlexCoders list, but you may be able to do what you want if you create a custom TitleWindow component and calculate the width/height yourself based on the Application’s width/height multiplied by the desired percent width/height. Something like the following:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="absolute"
        showCloseButton="true"
        width="80%"
        percentHeight="80"
        creationComplete="titleWin_creationComplete(event);"
        close="titleWin_close(event);">

    <mx:Script>
        <![CDATA[
            import mx.events.ResizeEvent;
            import mx.events.FlexEvent;
            import mx.core.IFlexDisplayObject;
            import mx.events.CloseEvent;
            import mx.managers.PopUpManager;
            import mx.core.Application;

            private function titleWin_creationComplete(evt:FlexEvent):void {
                var titleWin:TitleWindow = evt.target as TitleWindow;
                var widthPct:uint = Application.application.width * titleWin.percentWidth / 100;
                var heightPct:uint = Application.application.height * titleWin.percentWidth / 100;

                titleWin.width = widthPct;
                titleWin.height = heightPct;
                PopUpManager.centerPopUp(titleWin);
            }

            private function titleWin_close(evt:CloseEvent):void {
                PopUpManager.removePopUp(evt.target as IFlexDisplayObject);
            }
        ]]>
    </mx:Script>

    <mx:Label text="Lorem Ipsum" />

</mx:TitleWindow>

Peter

You are doing a great job!

Just one question. If I change the width/height of the popup to percentwidth/percentheight, it doesn’t work. How do I set the size of the popup to, say, 80% of the parent?

Thats not true, the example didnt works.What about this?

var win:Dialog = PopUpManager.createPopUp(this, Dialog, true) as Dialog;

here is error: undefined property dialog

Thanks

I’m trying to apply the style of the titleWindow you used in your “Creating a pop up TitleWindow using the PopUpButton control” example. However, when I use the PopUpManager class, the style isn’t applied, it uses the default one like the one in this example, is there anything I can do?

Thanx in advance

How about this:

<mx:Script>
    <![CDATA[
        import mx.managers.PopUpManager;
        import myComponents.Dialog;

        private function launchMoreInfo():void {
            var win:Dialog = PopUpManager.createPopUp(this, Dialog, true) as Dialog;
            PopUpManager.centerPopUp(win);
        }
    ]]>
</mx:Script>

Peter