Tag Archives: horizontalScrollBarStyleName

Creating a semi-transparent scroll bar thumb on an MX TextArea control in Flex 4

In previous examples, “Creating a custom scroll bar track skin on an MX TextArea control in Flex 4” and “Creating a custom scroll bar thumb skin on an MX TextArea control in Flex 4”, we saw how we could create a custom scroll bar track and thumb skin on an MX TextArea control in Flex 4 by setting the trackSkin, thumbSkin, verticalScrollBarStyleName, and horizontalScrollBarStyleName styles.

The following example shows how you can create a semi-transparent scroll bar thumb skin on an MX TextArea control in Flex 4 by setting the alpha property on the scroll bar thumb skin part’s fill.

Continue reading Creating a semi-transparent scroll bar thumb on an MX TextArea control in Flex 4

Creating a custom scroll bar thumb skin on an MX TextArea control in Flex 4

In a previous example, “Creating a custom scroll bar track skin on an MX TextArea control in Flex 4”, we saw how you can create a custom scroll bar track skin on an MX TextArea control in Flex 4 by setting the trackSkin, verticalScrollBarStyleName, and horizontalScrollBarStyleName and styles.

The following example shows how you can create a custom scroll bar thumn skin on an MX TextArea control in Flex 4 by setting the thumbSkin, verticalScrollBarStyleName, and horizontalScrollBarStyleName and styles.

Continue reading Creating a custom scroll bar thumb skin on an MX TextArea 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 arrow button skins on a Flex container’s scroll bars

The following example shows how you can change the up arrow and down arrow skins on a horizontal/vertical scroll bar in a Flex container by setting the horizontalScrollBarStyleName, verticalScrollBarStyleName, downArrowSkin, and upArrowSkin styles.

Full code after the jump.

Continue reading Changing the arrow button skins on a Flex container’s scroll bars