1

As I have migrated my application to Flex 4 recently, I want to utilize the <s:Combobox> component in my application rather than <mx:Combobox>. The problem is that the look and feel of both are different.

How can I make the <s:Combobox /> component look (all skinning e.g. hover over, click, outline) exactly the same as <mx:Combobox />?

More specifically, I want to apply the Halo theme to a DropdownList component. Is that possible?

ketan
  • 19,129
  • 42
  • 60
  • 98
Tyr1on
  • 1,999
  • 2
  • 13
  • 20
  • In general, I want to know how we can make any flex 4 component look like as if it was a flex 3(spark) component. – Tyr1on Jul 07 '11 at 12:24

1 Answers1

3

You could just set the default skin for your application to Hero instead of Spark. Assuming you're using Flash Builder:

  1. Click on Project -> Properties.
  2. Click Flex Theme from the properties list.
  3. Expand Adobe Themes - Halo and select the Halo theme.
Jason Towne
  • 8,014
  • 5
  • 54
  • 69
  • It is already selected. Also, I use ant task to compile swf where I have added this line and using flex.theme property in mxmlc task, `` – Tyr1on Jul 08 '11 at 04:49
  • If you are using the Halo theme it should look nearly identical - and, this is the only broad brush approach to do what you're looking for. Can you explain or post images of the differences you're trying to target? – Nate Jul 08 '11 at 04:53
  • Problem I am seeing is that Combobox is used in a custom component which internally uses spark.components.DropdownList, hence it is not picking Halo theme, it just continues displaying it in Spark theme. – Tyr1on Jul 08 '11 at 05:47
  • Sorry, spark skinning and mx skinning are completely different. There isn't a silver bullet for this one, you'll need to define a skin for the spark control to mimic the look and feel you want. – Nate Jul 08 '11 at 16:36