Home/ Questions/Q 937697
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T21:31:08+00:00

I had a custom MXML component, that I have converted to a pure AS3

  • 0

I had a custom MXML component, that I have converted to a pure AS3 component that extends Canvas. I took the stylings i.e. alpha, color etc. from the MXML and added them to a .css file under /src/assets/.

My question is, how do I apply these styles within the custom AS3 component i.e. constructor or init()?

I read that you declare the style source only in your MainApp.mxml using <mx:Style source="assets/css/swimlaneStyle.css"/>. If so, then how do I then apply it?

The .css example is below

/* CSS file */

Canvas.roundedCanvasYellow{ 
    backgroundColor:#ffffcc; 
    cornerRadius:5; 
    dropShadowEnabled:true;
    dropShadowColor:#2A2929;
    borderStyle:solid;
    borderThickness:0; 
    backgroundAlpha:0.9;    
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Should be as straight forward as doing:

    this.styleName = "roundedCanvasYellow"

    (I’ve used this. in my example just to make it clear, you usually wouldn’t include that in your real code).

    Or when you create in instance of your component programmatically do instance.styleName = "roundedCanvasYellow", or if you create an instance in mxml just set the styleName attribute as normal.

    • 0