From the category archives:

HSlider

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.

Full code after the jump.

[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 }

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.

[click to continue…]

{ 5 comments }

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.

[click to continue…]

{ 3 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 set the label offset on a Flex HSlider control by setting the labelOffset style.

Full code after the jump.

[click to continue…]

{ 0 comments }

Using a Slider to filter items in a DataGrid control in Flex

by Peter deHaan September 12, 2008

In a previous example, “Using a CheckBox to filter items in a DataGrid in Flex”, we saw how to filter the items in a Flex DataGrid control based on whether the user selected a CheckBox control or not.
The following example shows how you can filter items in a Flex DataGrid control using an HSlider control, [...]

Read the full article →

Using an embedded font with the Slider controls in Flex

by Peter deHaan June 4, 2008

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.

Read the full article →

Setting the tick length on a Slider control in Flex

by Peter deHaan June 4, 2008

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

Read the full article →

Setting the data tip offset in a Slider control in Flex

by Peter deHaan May 9, 2008

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.

Read the full article →