HSlider (Spark) | Flex Examples

Creating a custom Spark HSlider thumb in Flex 4

By Peter deHaan On April 23, 2010 · 2 Comments

The following example shows how you can use a Spark Button control as a thumb for the Spark HSlider control by setting the skinClass style on the thumb skin part in a custom Spark HSlider control skin.

Continue Reading →

Creating a custom thumb skin on a Spark HSlider control in Flex 4

By Peter deHaan On April 15, 2010 · Leave a Comment

In a previous example, “Creating a custom track skin on a Spark HSlider control in Flex 4″, we saw how you could create a custom track skin on a Spark HSlider control in Flex 4 by setting a custom skin class on the slider’s track skin part.

The following example shows how you can [...]

Continue Reading →

Creating a custom track skin on a Spark HSlider control in Flex 4

By Peter deHaan On April 14, 2010 · 2 Comments

The following example shows how you can create a custom track skin on a Spark HSlider control in Flex 4 by setting a custom skin class on the slider’s track skin part.

Continue Reading →

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

By Peter deHaan On March 31, 2010 · 1 Comment

The following example shows how you can toggle whether a user is allowed to click on a Spark HSlider control’s track in Flex 4 by setting the Boolean mouseEnabled property on the HSlider controls track skin part.

Continue Reading →

Setting the thumb color based on the current value of a Spark HSlider control in Flex 4

By Peter deHaan On March 19, 2010 · Leave a Comment

The following example shows how you can set the thumb color on a Spark HSlider control in Flex 4 by listening for the change and valueCommit events and setting the chromeColor style on the thumb skin part.

Continue Reading →

Skinning the track on a Spark HSlider control in Flex 4

By Peter deHaan On March 19, 2010 · 1 Comment

The following example shows how you can reskin the track on a Spark HSlider control in Flex 4 by creating a custom HSlider skin and specifying the track skin part’s skinClass style.

Continue Reading →

Setting live dragging on a Spark HSlider control in Flex 4

By Peter deHaan On June 7, 2009 · Leave a Comment

The following example shows how you can set live dragging on a Spark HSlider control in Flex Gumbo by setting the liveDragging style.

Continue Reading →

Setting the slide duration on a Spark HSlider control in Flex 4

By Peter deHaan On May 28, 2009 · 2 Comments

The following example shows how you can set the slide duration on a Spark HSlider control in Flex 4 by setting the slideDuration style.

Full code after the jump.

Continue Reading →

Styling the data tip on a Spark HSlider control in Flex 4

By Peter deHaan On May 18, 2009 · 14 Comments

The following example shows how you can style the data tip on a Spark HSlider control in Flex 4 by creating a custom skin and setting the skinClass style.

Full code after the jump.

Continue Reading →

Setting the chrome color on the Spark HSlider control in Flex 4

By Peter deHaan On March 12, 2009 · Leave a Comment

The following example shows how you can style the base color on the Spark HSlider control’s thumb and track in Flex 4 by setting the chromeColor style.

[...]

Continue Reading →

Setting a custom thumb skin on a Spark HSlider control in Flex 4

By Peter deHaan On March 10, 2009 · Leave a Comment

The following example shows how you can create a custom thumb icon for the Spark HSlider control in Flex 4 by creating a new custom skin and setting the skinClass style.

Continue Reading →