Styling individual thumbs in the MX HSlider control in Flex

By Peter deHaan On January 7, 2010 · Leave a Comment

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.

Continue Reading →

Using overlapping slider thumbs in the Flex Slider controls

By Peter deHaan On August 22, 2007 · 10 Comments

I was playing around with the HSlider component tonight and was checking out the allowThumbOverlap property. The following example creates a horizontal slider with 2 slider thumbs and lets you toggle the allowThumbOverlap property with the showTrackHighlight property set to true.

Full code after the jump.

Continue Reading →

Highlighting a Slider control’s track using the showTrackHighlight style

By Peter deHaan On August 21, 2007 · 8 Comments

Well, the title of the post pretty much says it all, but I just noticed this today. It seems that you can highlight the HSlider/VSlider track by setting the showTrackHighlight style to true. I made this really quick mini-app which lets you toggle the style on and off, as well as see the behavior of [...]

Continue Reading →

Formatting multiple data tips in a Slider

By Peter deHaan On July 23, 2007 · Leave a Comment

Some imaginary blog reader asks, “How do i change a Slider’s dataTip based on which Slider thumb is being dragged?”
I crafted up this sneaky code to listen for the thumbPress and thumbRelease events to log which slider is being… slid?

Full code after the jump.

Continue Reading →