Custom Skinnable Slider Component for Adobe Flex 3
First of all let me apologize for not blogging in a while but I’ve been working on couple of interesting projects after which it was time for deserved vacation on the BlackSea’s beaches.
Anyway I needed a better looking horizontal slider for one of the projects and all of my googling got me nothing reasonable (most of the tutorials were for changing the Thumb and leaving the default TrackHighlight) so I had to figure out something. Here is my horizontal slider, it is pretty basic but you can use it as a base for your needs. Corner Radius and Background Gradients are set via CSS, width and height are flexible too. Check the example and get the source code.
To view this page ensure that Adobe Flash Player version 9.0.124 or greater is installed.
Tags: custom component, Flex, skin, slider
However I tend to disable it for small blogs like this one. If you would like to help me pay for my webhosting please allow your Adblocking software to show adverts from this site. Thanks!
August 19th, 2009 at 10:11 pm
Hi Peter,
I really appreciated your custom HSlider, but I’d like to know how can I add another trackHighlight so I intend to create a movie control and this additional trackHighlight will serve like loading indicator.
I’m starting studing Flex 3 and I’ve not enough experience to do by myself.
Could you help me with that?
Thanks in advance,
Marcio
August 19th, 2009 at 11:17 pm
@Marcio – what comes in mind is to add another HSlider and hide the thumb and the track
September 1st, 2009 at 12:57 pm
nice post. your custom component HSlider is really good.. keep posting
October 23rd, 2009 at 9:36 am
Thank you Peter. Great work. Really helpful for me.
March 5th, 2010 at 5:07 am
cool! I didn’t see so nice custom compnent. It is the same as my 想法。
sorry,my English no good.haha!
March 8th, 2010 at 10:24 am
Thank you Peter,it’s very nice!!!!!