Comments on: Draggable Slider Component for Flex

By: Komal

Komal — Fri, 06 Jan 2012 03:29:07 +0000

Flex 3 provides a property humbCount for multiple thumbs.
How can I get an hslider with two thumbs in Flex 4.0?
Kindly help.

By: Making a Draggable Area Chart in Flex 3 | Tek Titan

Making a Draggable Area Chart in Flex 3 | Tek Titan — Tue, 10 May 2011 19:48:15 +0000

[...] Now I didn’t write all this, I mostly modified two existing pieces from two other authors to get this draggable area chart. I have misplaced their names at the current moment and I will give them both credit when I find them but the result is pretty cool. It’s an area chart with different draggable points with a corresponding mini chart that uses Doug Mccunes awesome slider component. [...]

By: abhishek

abhishek — Mon, 13 Dec 2010 13:08:04 +0000

can it work in flash builder 4 ?

By: Will

Will — Wed, 02 Sep 2009 14:23:23 +0000

For the disappearing thumbs, just use the fully qualified skin name. thumbUpSkin=”mx.skins.halo.SliderThumbSkin” works for me in Flex 3.

By: yuva

yuva — Tue, 04 Aug 2009 06:42:25 +0000

Hi All,

I’m a beginner in Flex. I trying with this custom component. I need to fire the event of thumbSkin change movement to function sliderChange. I have got value doesn’t macth for requirement. And also didn’t get the proper Currrent Slider value for checking for my requirement. Please any body help with this point.

private function sliderChange(event:SliderEvent):void {
Alert.show(“Slider Value”+(Slider(event.currentTarget)));
var currentSlider:Slider=Slider(event.currentTarget);
txt.text=”{Math.round(currentSlider.value)}”;
var val:Number = Math.round(currentSlider.value);

if(val < 50)
{
theme.visible = true;
themes.visible = false;
}
else
{
themes.visible = true;
theme.visible = false;
}
}

Regards
yuva

By: Claude Needham

Claude Needham — Fri, 10 Jul 2009 07:19:24 +0000

NVM,

I found that the http://code.google.com/p/flexlib/ source had a workable hack.

Thanks for making the change in the flexlib.

Much appreciated.

By: Claude Needham

Claude Needham — Thu, 09 Jul 2009 23:09:12 +0000

I downloaded the source and ran the example in flex3.
I don’t see the triangle buttons.
Is this a result of Flex3?
Does anyone have a work-around or know where in the code I should look to resolve this?

Thanks in advance,

By: Imtiyaz Basha

Imtiyaz Basha — Thu, 11 Jun 2009 13:13:06 +0000

Hi Brain,

If you are using Flash Builder (Gumbo/Flex Builder 4) use -compatibility-version=3.0.0 as compiler option. this will resolve the problem.

Regards,
Imtiyaz Basha

By: BrianP

BrianP — Sat, 25 Apr 2009 16:44:26 +0000

I am a Java developer who has recently started doing Flex development. I am having a hard time understanding why the default CSS Styles get set when I use HSlider but not when I used ExtendedSlider. If I instantiate ExtendedSlider I will get:

TypeError: Error #1007: Instantiation attempted on a non-constructor.
at flexlib.baseClasses::SliderBase/createBackgroundTrack()[C:\EclipseWorkspace\QNotate1\QNotate3\src\flexlib\baseClasses\SliderBase.as:1679]

So this runtime error is because getStyle(“trackSkin”) returns null.

There seems to be some magic that the HSlider does when it extends ExtendSlider. I tried copying all the metadata from HSlider into the ExtendSlider class to see if that was the magic. So now ExtendSlider has everything that a HSlider defined. It still crashes. This makes little sense to me from an OO perspective.

I can obviously use the HSlider without issue, but I am missing something really fundamental concerning component creation and would appreciate any insight anyone could provide.

Doug, thanks for the great slider!

By: Rob McKeown

Rob McKeown — Tue, 24 Mar 2009 13:01:34 +0000

It appears that the slider control has a thumbUpSkin, thumbDownSkin, etc. set of styles which don’t work. However, if you set the thumbSkin, style you can override the skin without a problem. The only “downside” with this approach is that you can’t specify the thumbSkin style inline on your MXML tag. You have to use set from your stylesheet.