Style complete event handler

           
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

  <mx:Script>
    
    import mx.controls.Alert;

    import mx.styles.StyleManager;
    import mx.events.StyleEvent;

    private function changeCSS( name:String ):void{
      var styleEvent:IEventDispatcher = StyleManager.loadStyleDeclarations( name, true );

      styleEvent.addEventListener( StyleEvent.COMPLETE, completed );
    }

    public function completed( event:StyleEvent ):void
    {
      Alert.show( event.type );
    }
  
  </mx:Script>

  <mx:Panel id="pnlApp" title="Sample Application" layout="vertical" horizontalAlign="center">
      <mx:Label text="Title" />       
      <mx:Form>
        <mx:FormItem label="Password:">
          <mx:TextInput id="txtPassword" displayAsPassword="true" />
        </mx:FormItem>    
      </mx:Form>
      <mx:Button id="btnTrace" label="Login" styleName="sLogin" />
  </mx:Panel> 
  <mx:HBox>
    <mx:Button id="btnBlue" cornerRadius="0" click="changeCSS( 'a.swf' )" label="Load CSS in SWF"/>
  </mx:HBox>
</mx:Application>

Related examples in the same category

1.	using the setStyle() method from event target to change style for controls
2.	Style error event handler
3.	Styles Event

Style complete event handler : Style Event « Style « Flex

Related examples in the same category