Tag Archives: thumbSkin

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

Creating a custom thumb skin on an MX HSlider control in Flex 4

In a previous example, “Changing a slider control’s thumb skin”, we saw how you could customize a slider control (HSlider or VSlider) and use your own custom embedded image instead of the default triangle thumb skin.

The following example shows how you can create a custom thumb skin on an MX HSlider control in Flex 4 by setting the thumbSkin style.

Continue reading Creating a custom thumb skin on an MX HSlider control in Flex 4

Removing the thumb from an MX HSlider control in Flex

In a previous example, “Changing a slider control’s thumb skin”, we saw how you could specify a custom embedded image instead of the default HSlider/VSlider thumb skin by setting the thumbSkin style.

In the following example shows how you can remove the thumb altogether by setting the thumbSkin style to null.

Full code after the jump.

Continue reading Removing the thumb from an MX HSlider control in Flex