Filter Criteria

Select Your Category Select a component

Alert



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#874040, #874040]">   
   
    <mx:Script>
    <![CDATA[
            import mx.controls.Alert;
            import mx.events.CloseEvent;
       
            // Event handler function uses a static method to show
            // a pop-up window with the title, message, and requested buttons.       
            private function clickHandler(event:Event):void {
                Alert.yesLabel = "Yes";
                Alert.noLabel = "No";
                Alert.show("Do you want to save your changes?", "Save Changes", 3, this, alertClickHandler);
            }
       
            // Event handler function for displaying the selected Alert button.
            private function alertClickHandler(event:CloseEvent):void {
                if (event.detail==Alert.YES)
                    status.text="You answered Yes";
                else
                    status.text="You answered No";
            }

            // Event handler function changes the default Button labels and sets the
            // Button widths. If you later use an Alert with the default Buttons,
            // you must reset these values.
            private function secondClickHandler(event:Event):void {
                Alert.buttonWidth = 100;
                Alert.yesLabel = "Cool";
                Alert.noLabel = "Lame";
                Alert.cancelLabel = "Never Mind";

                Alert.show("Do you want to save your changes?","Save Changes",1|2|8,this,alertClickHandler);
            }
        ]]>
    </mx:Script>
   
    <mx:Style>
        .alertTitle{
            color:#ffffff;
            fontWeight:bold;
        }
        Alert{
            backgroundColor:#E3E3E3;
            /* backgroundAlpha: 0.8; */
            color: #323232;
            borderColor: #000000;
            borderAlpha: 0.7;
            headerHeight:20;
            themeColor: #848484;
            titleStyleName:alertTitle;
           
        }
    </mx:Style>
   
    <mx:Panel title="Alert Control" layout="horizontal" color="0xffffff" borderAlpha="0.15" width="500"
         paddingTop="2" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="10" y="10">
        
         <mx:VBox width="33%" borderColor="0xACACAC" borderStyle="solid" borderThickness="1" horizontalAlign="center" height="100%">
            <mx:Text width="100%" color="0x323232" textAlign="center"
              text="Click the button below to display a simple Alert window."/>
              <mx:Button label="Click Me" color="0x323232" click="Alert.show('Hello World!', 'Message');"/>
        </mx:VBox>
       
        <mx:VBox width="33%"  borderColor="0xACACAC" borderStyle="solid" borderThickness="1" horizontalAlign="center" height="100%">
             <mx:Text width="100%" color="0x323232" textAlign="center"
              text="Click the button below to display an Alert window and capture the button pressed by the user."/>
              <mx:Button label="Click Me" color="0x323232" click="clickHandler(event);"/>
              <mx:Label id="status" color="0x0050AA" fontWeight="bold"/>
        </mx:VBox>
       
        <mx:VBox width="33%"  borderColor="0xACACAC" borderStyle="solid" borderThickness="1" horizontalAlign="center" height="100%">
              <mx:Text width="100%" color="0x323232" textAlign="center"
              text="Click the button below to display an Alert window that uses custom Button labels."/>
              <mx:Button label="Click Me" color="0x323232" click="secondClickHandler(event);"/>
         </mx:VBox>
       
    </mx:Panel>
</mx:Application>


No comments:

Post a Comment