Labs of Patrick Heinzelmann

Spark Slider with Track Highlight

The Spark Slider of Flex4 SDK doesn't support the highlighting of the track anymore like the MX Slider of the Flex3.

I extended the original Spark Slider to add a Track Highlight using the Spark Skinning Architecture. Default the Slider diplays
the Track Highlight using the default themeColor of the application and the color can be changed using the property accentColor.
The visiblity of the Track Highlight can be toggled using the property showTrackHighlight. Everything works like with the MX Sliders.

The source code of the sliders is available on GitHub.


The image below shows how the slider can look, if you create your own skin. I tried to create a skin for the slider, which looks like
the sliders of the BlackBerry PlayBook.