Subscribe

  • Subscribe  

Simple Flex 4 Components Styling Made Simple

Posted by Charles | January 20, 2010 .

Piotr Walczyszyn had two blog posts on Flex 4 styling, part 1 and part 2. Styling (theming, skinning) is changed a lot in Flex 4 with Spark components and new way of Skinning. Especially challenge when you are still can mix with Hallow (mx) components. Walczyszyn definitely shed some lights for Flex developers who are moving to Flex 4.

In is post, Walczyszyn exposed some CSS tags that are new to Flex 4 and I found they are very useful:

  • chrome-color (chromeColor, it was renamed from baseColor after Flex 4 Beta 2) – The main color for a component
  • content-background-color (contentBackgroundColor) – Color of the fill of an item renderer
  • symbol-color (symbolColor) – Color of any symbol of a component. Examples include the check mark of a CheckBox or the arrow of a scroll button
  • selection-color (selectionColor) – The color of text when the component is enabled and has focus
  • focus-color (focusColor) – Color of focus ring when the component is in focus
  • roll-over-color (rollOverColor) – Color of the highlights when the mouse is over the component
  • text-roll-over-color (textRollOverColor) – Color of the text highlights when the mouse is over the component, used in old MX components.
  • accent-color (accentColor) – Additional color used for accent. This color is used by “emphasized” buttons (default button in Alert box), and the slider track highlight.

flex4style Simple Flex 4 Components Styling Made Simple
Thank you, Protr!

 Simple Flex 4 Components Styling Made Simple

Leave a Comment

If you would like to make a comment, please fill out the form below.


Name

Email

Website

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

Comments

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word


Related Posts

<

Direct TV Offers - usdirect has the best directtv deals