Flex Examples

The following example allows you to use Cascading Style Sheets (CSS) to control a Flex Alert control’s modalTransparencyBlur, modalTransparency, modalTransparencyColor, and modalTransparencyDuration styles.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/14/changing-a-modal-alert-controls-blur-transparency-and-transparency-color/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="showAlert()">

    <mx:Style>
        Alert {
            modalTransparencyBlur: 5;
            modalTransparency: 0.6;
            modalTransparencyColor: #FF0000;
            modalTransparencyDuration: 1000;
        }
    </mx:Style>

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

            private var a:Alert;

            private function showAlert():void {
                a = Alert.show("text", "title", Alert.OK);
            }
        ]]>
    </mx:Script>

    <mx:Button label="Show Alert" click="showAlert()" />

</mx:Application>

View source is enabled in the following example.