That was really helpful. Yea when I was looking into it on Friday I realized that it might have been a skinning issue but I haven’t dealt with skins at all and was having a tough time looking at how to do skinning. Thanks both for your bug submission/change for me and also for the tip on the skin design extension for flash. Very helpful. I’d also like to add thank you for running and maintaining this site. I’ve been using flash for years but just recently started using Flex for my job and this site has been extremely helpful. Keep up the good work!

Thanks again,
Ben

Peter

Off the top of my head I’d say you may need a custom skin. Looking at the API I don’t see an easy way to override the arrow icon. The easiest way is probably to download the “Flex Skin Design Extension for Flash” and create a new skin by going “File > New”, select the “Templates” tab and “Flex Skins” category, and finally select the ComboBox template. For each of the four states, select the down arrow and then select “Modify > Transform > Flip Vertical”. Save and publish the .FLA to generate the .SWC and .SWF file (the .SWC and .SWF will be located in the same directory as your .FLA.)

Next, in Flex Builder, copy the .SWC file into the /libs/ folder and add this code to the .MXML file:

<mx:Style>
    ComboBox {
        skin: Embed(skinClass="ComboBox_skin");
    }
</mx:Style>

Finally, save and run your Flex application and with any luck, you should see the arrow icons pointing upwards.

There may be a much easier way that I’m not seeing at first glance. You may want to try asking on the FlexCoders list, or even filing an enhancement request in the Flex bug base at http://bugs.adobe.com/flex/.

Peter

Do you have any idea how I might go around changing the direction the arrow points on the combobox? I wanted the arrow to point upwards because on my application the ComboBox is actually popping upwards so I feel like it’s only appropriate to have the arrow point upwards.

Thanks,
Ben

Thanks again for you help!:)

As far as I know, you can’t remove just the borders and the line using just CSS. But I could very well be wrong. You could try asking on FlexCoders and see if anybody knows of a solution.
Otherwise I think you have to use Flash or some other application to create a graphical skin.

In fact, I seem to recall that somewhere on the Adobe site is a bunch of Flex skin templates for the various controls/containers. It may be as simple as creating a new skin from the ComboBox template, removing whatever lines you don’t want, publishing a SWC, and then setting the skin style in Flex.

Peter

anyway is it posible to remove the borders or set the border color the same as the bakground color in css?

Yes, it’s possible. You’d need to make a new skin graphic/asset in Photoshop/Fireworks/Flash and then set the skin style on the ComboBox.

Peter