Tag Archives: chromeColor

Styling the selected tab on a Spark TabBar control in Flex 4

In a previous example, “Styling the selected button on a Spark ButtonBar control in Flex 4”, we saw how you could style the currently selected button on a Flex 4 Spark ButtonBar control by styling the various states on the Spark ButtonBarButton selector.

The following example shows how you can style the currently selected tab on a Flex 4 Spark TabBar control by styling the various states on the Spark ButtonBarButton selector.

Continue reading Styling the selected tab on a Spark TabBar control in Flex 4

Styling the horizontal and vertical scroll bars on a Spark List control in Flex 4

The following example shows how you can set a base theme color on a Spark List control’s horizontal and vertical scroll bar by setting the chromeColor style.

Continue reading Styling the horizontal and vertical scroll bars on a Spark List control in Flex 4

Setting the base color on the nested scrollbars in the MX DataGrid control in Flex 4

The following example shows how you can change the base color on the MX DataGrid control’s horizontal and vertical scroll bars by setting the horizontalScrollBarStyleName and verticalScrollBarStyleName styles to a custom style containing the chromeColor style.

Continue reading Setting the base color on the nested scrollbars in the MX DataGrid control in Flex 4

Changing the base theme color on the MX TextArea control in Flex 4

The following example shows how you can change the base/theme color on the MX TextArea control (with default Spark skin) in Flex 4 by setting the chromeColor style. Setting the chromeColor style sets both the TextArea control’s border color and horizontal/vertical scroll bar’s track/thumb colors.

Continue reading Changing the base theme color on the MX TextArea control in Flex 4