Monthly Archives: June 2010

Fading an item renderer background fill on a Spark List control in Flex 4

The following example shows how you can fade an item renderer background fill on a Spark List control in Flex 4 by creating a custom item renderer, setting the Boolean autoDrawBackground property to false, drawing your own background fill, and then setting a fade transition from the normal and hovered states.

Continue reading Fading an item renderer background fill on a Spark List control in Flex 4

Setting the border color on the MX Accordion container headers in Flex

In a previous example, “Setting the border style on the MX Accordion container in Flex”, we saw how you could set the border style on an MX Accordion container in Flex 3 by setting the borderStyle style.

The following example shows how you can set the border color on an MX Accordion container headers in Flex 3 by setting the borderColor style on the Accordion container’s headerStyleName style selector.

Continue reading Setting the border color on the MX Accordion container headers in Flex

Setting the tab width on an MX TabNavigator container in Flex 3

In a previous example, “Setting the tab width on a TabBar control in Flex”, we saw how you could set the tab width on a Flex MX TabBar control by setting the aptly named tabWidth style.

The following example shows how you can can set the tab width on an MX TabNavigator container in Flex by setting the tabWidth style.

Continue reading Setting the tab width on an MX TabNavigator container in Flex 3

Removing the header indicator and selection indicator from the MX DataGrid control header in Flex 3

In a previous example, “Disabling item highlight indicator in the MX List control in Flex 3”, we saw how you could disable the highlight indicator in the MX List control in Flex 3 by subclassing the List control and overriding the protected drawHighlightIndicator() method.

The following example shows how you can remove the header indicator and selection indicator from the MX DataGrid control in Flex 3 by extending the DataGridHeader class, overriding the protected drawHeaderIndicator() and drawSelectionIndicator() methods and setting the headerClass property in the mx_internal namespace.

Continue reading Removing the header indicator and selection indicator from the MX DataGrid control header in Flex 3

Disabling item highlight indicator in the MX List control in Flex 3

In a previous example, “Disabling item roll over highlighting in the Flex DataGrid control”, we saw how you could disable the item roll over highlight in the MX DataGrid control in Flex by setting the Boolean useRollOver style.

The following example shows how you can disable the highlight indicator in the MX List control in Flex 3 by subclassing the List control and overriding the protected drawHighlightIndicator() method.

Continue reading Disabling item highlight indicator in the MX List control in Flex 3