Flex combobox custom icon

Question

Trying to set the up and down state icons of a Flex Combobox to images. I see the property for changing the color of the icon, but no property to skin it. How can I do this?

Answer 1

The "properties" are actually styles on ComboBase: upSkin, downSkin, overSkin, disabledSkin.

The default is ComboBoxArrowSkin--take a look at the source code to get more details about overriding or customizing it.

Answer 2

Hi Michael,

I have gone through with your answer and implemented it i the code as well but I'm unable to change the skin of the combobox's arrow. I'm using Flex 3.5 SDK. Please help me. This is my code. I was unable to use ComboBoxArrowSkin Class :-(

.comboBoxWithArrow { up-arrow-skin: Embed(source="Pulldown_def.png"); down-skin: Embed(source="Pulldown_def.png"); over-skin: Embed(source="Pulldown_def.png"); disabled-skin: Embed(source="Pulldown_def.png"); /* and any other skin states you want to support */ }