From the category archives:

VSlider

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.

Full code after the jump.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

The following example shows how you can use an embedded font with the Flex HSlider control by setting the fontFamily and labelStyleName styles.

Full code after the jump.

[click to continue…]

{ 0 comments }

In a previous example, “Setting the tick thickness on a Slider control in Flex”, we saw how to change the thickness of a tick on a Flex HSlider control by setting the tickThickness style.

The following example shows how you can set the length of a tick on a Flex HSlider control by setting the tickLength style.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can control the data tip offset in a Flex HSlider control by setting the dataTipOffset style.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can customize a slider control’s data tip in Flex. This example uses an embedded font and a data tip with a negative data tip offset that overlaps the slider thumb.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can programmatically set tick positions on a Flex Slider control by setting the tickValues property.

Full code after the jump.

[click to continue…]

{ 0 comments }

Toggling a Flex Slider control’s tickInterval property

by Peter deHaan November 3, 2007

The following example shows how you can toggle a Flex Slider control’s tick marks so they are only visible while the user’s mouse cursor is over the HSlider/VSlider control.
Full code after the jump.

Read the full article →

Changing a slider control’s thumb skin

by Peter deHaan September 12, 2007

The following example shows how you can customize a slider control (HSlider or VSlider) and use your own custom embedded image instead of the default triangle thumb skin.
Full code after the jump.

Read the full article →

Customizing the slide duration and slide easing function on a Flex slider control

by Peter deHaan September 12, 2007

The following example shows how you can customize the duration and easing function used when a user clicks on a thumb track on an HSlider or VSlider control in Flex.
Full code after the jump.

Read the full article →

Styling the HSlider control using CSS

by Peter deHaan September 12, 2007

The following example shows how you can style a HSlider (or VSlider) control in Flex using Cascading Style Sheets (CSS).
Full code after the jump.

Read the full article →