Recipe 15.8. Working with Button and Scrollbar Styles

Problem

You want to apply style settings for buttons and scrollbars.

Solution

Use a theme other than the Halo theme. Use the buttonColor style property for the button face and the border styles for the button border. Use scrollTrackColor style property for the scroll track.

Discussion

Button and scrollbar styles are some of the styles that simply will not work with the default Halo theme. Instead, you need to use the Sample theme or a derivative of the Sample theme. For more information about using a different theme with the components, see Recipe 15.12.

After you've added a non-Halo theme to your Flash document, you can use the following style properties to change the appearance of buttons and scrollbars:

buttonColor

Changes the color of button faces and the outer portion of the upper-left border for buttons. Also changes the outer highlight for borders in general, including text input, text area, and so on.

highlightColor

The inner portion of the upper-left border for buttons.

shadowColor

The inner portion of the lower-right border for buttons.

borderColor

The outer portion of the lower-right border for buttons.

scrollTrackColor

The color of the scroll track for scrollbars.

Not only are actual button components considered buttons, but so are the portions of combo boxes, scrollbars, numeric steppers, and other components that allow the user to click or drag some element. Most buttons inherit styles properly. However, actual button components do not. Instead, you need to either apply the styles directly to the instance or class style object, or you can apply them globally and just define the class style object as discussed in Recipe 15.7.