Span Slider Component for Selecting a Range of Values

Just finished building a Flash CS3 component for selecting a range of values. It's like the Slider component but instead of adjusting a single value, you can select the upper and lower thresholds.

To adjust the lower threshold, just drag the left thumb. The right thumb adjusts the upper threshold. When the span is greater than zero, a bar appears, representing the range of selected values. This bar can also be dragged to adjust the upper and lower thresholds simultaneously.

The component is fully skinnable and supports tick marks and snapping, just like the Flash CS3 slider component. If you'd like to use the component, let me know and I'll package it up.

Update: I've had a few people ask for the component so I've put up the Range Slider source code. Unfortunately, it's not been packaged up as an MXP file and it still has the old name, SpanSlider, but hopefully it'll do what your're looking for.

Comments

Gerard says, "Span Slider Component"
Gerard's picture

Nice work, very usefull.

Post new comment

The content of this field is kept private and will not be shown publicly.
If you have a Gravatar account, used to display your avatar.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • You can enable syntax highlighting of source code with the following tags: <code>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

About

Daniel McLaren

Daniel is a Flash and Flex developer specializing in the art of information visualization.

Latest from SketchyD

Latest Drawing from SketchyD

This is the most recent drawing from my mobile sketch blog, SketchyD.com.

Recent comments