How does one define a default style for a custom Flex component

apache-flexflex3flexbuilder

I'm creating a new Flex component (Flex 3). I'd like it to have a default style. Is there a naming convention or something for my .cs file to make it the default style? Am I missing something?

Best Answer

Christian's right about applying the CSS, but if you're planning on using the component in a library across projects, you're gonna want to write a default css file for that library. Here's how you do it:

Create a css file called "defaults.css" (Only this file name will work!) and put it at the top level under the "src" folder of your library. If the css file references any assets, they have to be under "src" as well.
(IMPORTANT!) Go to library project's Properties > Flex Library Build Path > Assets and include the css file and all assets.

That's how the Adobe team sets up all their default styles, now you can do it too. Just figured this out- huge

Related Solutions

Apache – How create a Flash custom button and use it in Flex

You can export the MovieClip to SWF and use it as a skin, thus applying vectored image on a control.

Update:

You can also use SVG files. It's all explained here.

Apache – How to create a Flex Display component in Flash

The base class for all flex components, UIComponent, allows you to add Sprites that don't implement the IUIComponent interface.

An example :

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    creationComplete="init();">

  <mx:Script>
    <![CDATA[

        private function init():void 
        {
            var component:FlashFlexClassTest = new FlashFlexClassTest();
            container.addChild(component);
        }

     ]]>
  </mx:Script>
  <mx:UIComponent id="container" width="100%" height="100%"/>
</mx:Application>

Best Answer

Related Solutions

Apache – How create a Flash custom button and use it in Flex

Apache – How to create a Flex Display component in Flash

Related Topic