Setting the thumb offset on an MX HSlider control in Flex

By Peter deHaan On May 27, 2010 · 1 Comment

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.

Continue Reading →

Removing the thumb from an MX HSlider control in Flex

By Peter deHaan On December 18, 2009 · 3 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 [...]

Continue Reading →

Customizing the track highlight skin on an MX HSlider control in Flex 4

By Peter deHaan On September 24, 2009 · 1 Comment

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.

[...]

Continue Reading →

Setting the label offset on a VSlider control in Flex

By Peter deHaan On December 26, 2008 · Leave a Comment

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.

 

Continue Reading →

Using an embedded font with the Slider controls in Flex

By Peter deHaan On June 4, 2008 · Leave a Comment

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.

 

Continue Reading →

Setting the tick length on a Slider control in Flex

By Peter deHaan On June 4, 2008 · Leave a Comment

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 [...]

Continue Reading →

Setting the data tip offset in a Slider control in Flex

By Peter deHaan On May 9, 2008 · 10 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.

 

Continue Reading →

Customizing a slider control’s data tip

By Peter deHaan On November 3, 2007 · Leave a Comment

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.

Continue Reading →

Programmatically positioning tick marks on a slider control

By Peter deHaan On November 3, 2007 · 4 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.

 

Continue Reading →

Toggling a Flex Slider control’s tickInterval property

By Peter deHaan On November 3, 2007 · Leave a Comment

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.

Continue Reading →

Changing a slider control’s thumb skin

By Peter deHaan On September 12, 2007 · 52 Comments

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.

[...]

Continue Reading →

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

By Peter deHaan On September 12, 2007 · Leave a Comment

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.

Continue Reading →