Thanks for this tip. The obvious is just sometimes too obvious ;).

Martin

You could probably try calling titleWindow_close() when the Alert is closed. In the ContactForm component, try something like the following:

<mx:Script>
    <![CDATA[
        import mx.controls.Alert;
        import mx.managers.PopUpManager;

        private function titleWindow_close():void {
            PopUpManager.removePopUp(this);
        }

        private function titleWindow_creationComplete():void {
            PopUpManager.centerPopUp(this);
        }

        private function sendButton_click():void {
            Alert.show("Thanks for the feedback", "title", Alert.OK, null, alert_close);
        }

        private function alert_close(evt:Event):void {
            titleWindow_close();
        }
    ]]>
</mx:Script>

Peter

In the example code, the lines:
Alert.show(“Thanks for the feedback”);
titleWindow_close();

The form actually closes before the Alert box appears, which makes for a choppy transition. It would be good if the form still shows in background. Then, when user clicks “Okay” in Alert box, they both close together.

Obviously this is a problem with Alert being async. Is there a way around this?

Thank you in advance.

“<”?xml version=”1.0″ encoding=”utf-8″?”>”
“<”mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
verticalAlign=”middle”
backgroundColor=”white”">”

“<”mx:Style”>”
global {
modalTransparencyBlur: 0;
modalTransparency: 0.8;
modalTransparencyColor: black;
modalTransparencyDuration: 500;
}
“<”/mx:Style”>”

“<”mx:Script”>”
“<”![CDATA[
import mx.core.FlexSprite;
import mx.utils.ObjectUtil;
import mx.managers.SystemManager;
import mx.events.StyleEvent;
import mx.controls.Button;
import mx.managers.PopUpManager;
import mx.events.CloseEvent;
import mx.containers.TitleWindow;
import mx.controls.Alert;
import mx.styles.StyleManager;

private function showAlert():void {
Alert.show("hello", "world");
}

private var popUp:TitleWindow = null;

private function opnePopUp():void
{
popUp = new TitleWindow();
popUp.showCloseButton = true;
popUp.width = 100;
popUp.height = 100;
popUp.title = 'test popup';

var but:Button = new Button();
but.label = "red";
but.addEventListener(MouseEvent.CLICK, setModelTransparencyColorStyleOnOpenPopUp);
popUp.addChild(but);

PopUpManager.addPopUp(popUp,this,true);
PopUpManager.centerPopUp(popUp);

popUp.addEventListener(CloseEvent.CLOSE, onPopUpClose);

}

private function onPopUpClose(event:CloseEvent):void
{
PopUpManager.removePopUp(popUp);
}

private function setModelTransparencyColorStyleOnOpenPopUp(event:MouseEvent):void {
var obj:FlexSprite = systemManager.getChildByName("modalWindow") as FlexSprite;
var colorInfo:ColorTransform = obj.transform.colorTransform;
colorInfo.color = 0xFF0000;
obj.transform.colorTransform = colorInfo;
}

private function setModelTransparencyColorStyle(color:Object):void {
StyleManager.getStyleDeclaration("global").setStyle("modalTransparencyColor", color);
opnePopUp();
}
]]”>”
“<”/mx:Script”>”

“<”mx:ApplicationControlBar dock=”true”">”

“<”mx:Button label=”red”
fillColors=”[0xFF0000,0xFF0000]”
click=”setModelTransparencyColorStyle(0xFF0000);” /”>”
“<”mx:Button label=”haloGreen”
fillColors=”[haloGreen,haloGreen]”
click=”setModelTransparencyColorStyle(‘haloGreen’);” /”>”
“<”mx:Button label=”haloBlue”
fillColors=”[haloBlue,haloBlue]”
click=”setModelTransparencyColorStyle(‘haloBlue’);” /”>”
“<”mx:Button label=”haloSilver”
fillColors=”[haloSilver,haloSilver]”
click=”setModelTransparencyColorStyle(‘haloSilver’);” /”>”
“<”/mx:ApplicationControlBar”>”

“<”/mx:Application”>”

is it possible to use modal-transparency-color for just a specific part of application? i mean think about the second example here…when we click on a button alert(or pop-up) will appear with it’s background but panel with buttons will stay untouched.

thanks,
Atakan

Wondering if you know of any way to control the area of the blur/dim behind a modal.

I have an air app which has custom window border styles which are irregular. SO the app looks nice overlaid on other apps, that is until a modal creates the dim in its standard rectangular shape which extends beyond my window borders in some areas.

Any ideas?

Thanks! –bp

Good catch! I filed a bug in the public Flex bugbase at http://bugs.adobe.com/jira/browse/SDK-16248 . To get around the issue, it looks like you can set the modalTransparencyDuration style to 1 millisecond.

Thanks,
Peter