Flex 4 uses the value in ‘emphasized’ to switch the styleName. If ‘emphasized’ is set to true, Flex will look for a styleName ‘emphasized’ and applies all the styles to the button.

Thus using

s|Button.emphasized {
skinClass: ClassReference(’AHGenericFXGIconButtonSkin’);
chromeColor: “0×00FF00″ ;
color: #FFFFFF;
iconColor: #e0e0e0;
iconScale: 0.75;
iconClass: ClassReference(”myLibrary.Bus”);
color: “0xe0e0e0″;
}

will aplly all the values to the Button (Skin). Change them as needed.

Actually I don’t know why the Flex SDK team did not decide to use the emphasize property as a state. But then again, you could easily introduce this to the component:

Extend from Button override the emphasized property and change the behaviour so that a new state is being introduced. Then use this state in the skin to define a emphasized state.

hth
andy

How can i manage easily that ?
I tried to add
emphasized-skin: ClassReference(’skins.buttons.FXGIcon’); in my css, but nothing happened.
Have you an idea ?

Thanks a lot.

Not that I know but you could use AI and export as FXG.

thanks for your many great posts and ideas.

Mark

I spoke too soon. Can you advise how I might use a source FXG file that will allow for fully colorized image?

Again, many, many thanks.

Mark

w/r/t multiple colors…

I got it!

thanks,

Mark

Again, thanks for all of your great posts!

I have been implementing some of your techniques and am having trouble with one thing. I have some FXG files that have multiple colors in them. I have removed styling ( iconColor ) in hopes that this would allow the base colors of the FXG to show - no luck…

Do you have any ideas on what might solve this?

Many thanks,

Mark

Make sure the sdk is included in the classpath and have a look at the updated components.