From the category archives:

HSlider

The following example shows how you can set the thumb offset (distance between the slider thumb and track) on an MX HSlider control in Flex by setting the thumbOffset style.

[click to continue…]

{ 0 comments }

The following example shows how you can create a custom track highlight skin on an MX HSlider control in Flex 4 by setting the trackHighlightSkin style and the Boolean showTrackHighlight style.

[click to continue…]

{ 3 comments }

The following example shows how you can set the track highlight accent color on an MX HSlider control in Flex 4 by setting the accentColor style using MXML, CSS, or ActionScript.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

The following example shows how you can apply styles to individual thumbs in a MX HSlider control in Flex by calling the getThumbAt() method to get a specific thumb and then calling the setStyle() method to apply the styles.

Full code after the jump.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 2 comments }

The following example shows how you can customize the track highlight skin on a Halo/MX HSlider control in Flex 4 by setting the showTrackHighlight and trackHighlightSkin styles.

[click to continue…]

{ 0 comments }

The following example shows how you can set the track margin on a Halo/MX Slider control in Flex 3 by setting the trackMargin style.

Full code after the jump.

[click to continue…]

{ 0 comments }

Toggling data tips on the HSlider control in Flex

by Peter deHaan December 28, 2008 HSlider

The following example shows how you can toggle data tips on the Flex HSlider control by setting the Boolean showDataTips property. Full code after the jump.

5 comments Read the full article →

Preventing a user from clicking the track on an HSlider control in Flex

by Peter deHaan December 27, 2008 HSlider

The following example shows how you can prevent a user from clicking on the track of a Flex HSlider control by setting the Boolean allowTrackClick property. Full code after the jump.

3 comments Read the full article →

Setting the label offset on a VSlider control in Flex

by Peter deHaan December 26, 2008 HSlider

The following example shows how you can set the label offset on a Flex VSlider control by setting the labelOffset style. Full code after the jump.

0 comments Read the full article →

Setting the label offset on an HSlider control in Flex

by Peter deHaan December 26, 2008 HSlider

The following example shows how you can set the label offset on a Flex HSlider control by setting the labelOffset style. Full code after the jump.

0 comments Read the full article →