[FLEX-15920] It should be easier to skin a ButtonBar control's various icon states (upIcon, overIcon, downIcon, disabledIcon, etc)

• Type: Improvement
• Status: Closed
• Priority: Minor
• Resolution: Later
• Affects Version/s: Adobe Flex SDK 4.0 (Release)
• Component/s: mx: Button Bar
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 30/Sep/08 12:49
• Updated: 23/Feb/10 15:36
• Resolved: 08/Oct/08 09:25

Description

Submitting an ECR since I've seen this question come up a few times and had at least 2 separate people ask if this is possible, and if so, how do you do it.

Steps to reproduce:
1. Create a ButtonBar control and try and assign unique icons for the base states (up, down, over).

Actual Results:
You can easily set the icon style when using an Array/ViewStack as a data provider. But there doesnt seem to be an "easy" way to set upIcon, overIcon, downIcon separately.

Expected Results:
It's possible, but too tricky. It should be easier.

Workaround (if any):
(a) use the FCK to create an "uber-button" which defines its own states: up, over, down, disabled, selectedUp, selectedOver, selectedDown, selectedDisabled
(b) using ActionScript, listen for the creationComplete event from the ButtonBar control, then use <ButtonBar>.getChildAt() to loop over each ButtonBar child button instance and manually set the icon states, or set the styleName property on the ButtonBarButton instance.