Comments on: Skinning Flex Components – Part 1: CSS

By: Mark

Mark — Sun, 03 Jan 2010 09:09:08 +0000

thanks great tutorial, I found this another tutorial about skinning using swf files. might be useful to others: http://www.askmeflash.com/tutorial/4/skinning-a-flex-button-tutorial-using-skin-in-flex

By: Tim

Tim — Mon, 29 Jun 2009 16:54:20 +0000

Great tutorial!

By: Tyus

Tyus — Tue, 17 Mar 2009 15:42:36 +0000

Thank you so much I can’t wait to experiment with styling other components with your method.

By: Chris Black

Chris Black — Thu, 08 Jan 2009 19:56:01 +0000

You could create a CanvasBlackButton class and PanelBlackButton class that both extend BlackButton. Which would make your CSS look like this:

CanvasBlackButton {
… some custom styles here
}
PanelBlackButton {
… different styling treatment here
}

This would allow you to style your buttons differently but both inherit from the styles of BlackButton. I agree though, it will be nice when full descendant support is included in Flex CSS.

By: Jacob Wright

Jacob Wright — Thu, 08 Jan 2009 18:41:50 +0000

I’m excited for Flex 4 which supports descendant operators like full CSS does. This will not only allow a button to get styles from Button and BlackButton, but will also allow the button to get different styles when it is in a Panel or a Canvas.

Canvas BlackButton {
… some custom styles here
}
Panel BlackButton {
… different styling treatment here
}

That will really help with skinning because then you can tell the buttons in a scrollbar to look different from the buttons in a form.

By: Mike

Mike — Wed, 07 Jan 2009 05:59:39 +0000

This is a fantastic post. Thanks Chris! I am looking forward for the next one.