Opened 12 years ago

Closed 12 years ago

#6006 closed enhancement (fixed)

Range slider widget (dojox.widget.RangeSlider)

Reported by: guest Owned by: nathan
Priority: high Milestone: 1.2
Component: DojoX Form Version: 1.0
Keywords: dojox range slider Cc: tobias@…, Douglas Hays, wolfram, davidb, Joseph Scheuhammer, Becky Gibson, mccain
Blocked By: Blocking:

Description (last modified by wolfram)

This is a slider widget using two slider handles for selecting a range. It's subclassing dijit.form.Slider. Attached is an early version of this widget. It was tested in ie6, ff and safari.

You can test the widget here: http://tobias.klpstn.com/dojo/dojox/widget/tests/test_RangeSlider.html

Attachments (4)

RangeSlider.tar.gz (5.9 KB) - added by guest 12 years ago.
RangeSlider? using dojox.form as namespace
RangeSlider1.1.tar.gz (5.3 KB) - added by guest 12 years ago.
Range Slider enhanced and working with 1.1
RangeSlider1.1-tabbing.tar.gz (6.3 KB) - added by guest 12 years ago.
now with better tab-support
RangeSlider1.1-tabbing.zip (7.8 KB) - added by guest 12 years ago.
Hopefully this archive works now

Download all attachments as: .zip

Change History (21)

comment:1 Changed 12 years ago by bill

Component: DojoxDojoX Form
Owner: changed from Adam Peller to dante

comment:2 Changed 12 years ago by Adam Peller

Cc: Douglas Hays added

comment:3 Changed 12 years ago by dante

can I suggest we renamespace this for dojox.form? also I experienced strange behavior in FF2/Mac with selection.

comment:4 Changed 12 years ago by guest

i also tested it with ff2/mac. just tell me, what strange thing happened. as i said above, it is an early version, so there could be some minor bugs. in my opinion, there is a problem concerning, how i set the value within the widget. have to rethink, how i gonna implement it.

concerning the namespace: i'll rename it to dojox.form and attach it then.

Changed 12 years ago by guest

Attachment: RangeSlider.tar.gz added

RangeSlider? using dojox.form as namespace

comment:5 Changed 12 years ago by dylan

Milestone: 1.2

Changed 12 years ago by guest

Attachment: RangeSlider1.1.tar.gz added

Range Slider enhanced and working with 1.1

comment:6 Changed 12 years ago by guest

it would be great, if someone could review this widget.

comment:7 Changed 12 years ago by wolfram

Cc: wolfram added
Description: modified (diff)

comment:8 Changed 12 years ago by Douglas Hays

The left arrow key only moves the left handle and right arrow only moves the right handle. We need a way to move both handles both ways.

comment:9 Changed 12 years ago by davidb

Cc: davidb added

comment:10 Changed 12 years ago by Joseph Scheuhammer

Cc: Joseph Scheuhammer Becky Gibson added

Neat widget.

A comment about keyboard support: It should include pgup/pgdn/home/end in some fashion and be consistent with single range slider. See the "Keyboard" section of http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-validation-specialized-input/slider.

The range slider currently supports home/end, but only for the "left" thumb (probably related to what gets focus).

Also, it moves the left thumb to the beginning and end of the entire range. It should be restricted to the current value of the "right" thumb (you can't have a "negative" range between the thumbs).

Changed 12 years ago by guest

now with better tab-support

comment:11 Changed 12 years ago by guest

thx for the input.

i've now changed the widget to support better keyboard handling. the widget now has 3 tab-steps:

  1. Tab-Step: left/bottom-handler selected (change minimum value with left/right)
  2. Tab-Step: bar selected (change minimum and maximum value with left/right)
  3. Tab-Step: right/top-handler selected (changed maximum value with left/right)

I would appreciate new opinions.

AND: CLA is already signed :-)

comment:12 Changed 12 years ago by guest

you can test the actual version of the rangeslider here: http://tobias.klpstn.com/dojo1.1/dojox/form/tests/test_RangeSlider.html

comment:13 Changed 12 years ago by dante

Cc: mccain added
Owner: changed from dante to Nathan Toone

this looks good and ready for dojox.form -- passing to project maintainer for committing. (or mccain, feel free to)

comment:14 Changed 12 years ago by bill

Owner: changed from Nathan Toone to nathan

comment:15 Changed 12 years ago by nathan

Status: newassigned

Can you try and re-attach the patch file? It seems to be corrupted (it appears to be just a gzipped HTML file...not a tar file)

comment:16 Changed 12 years ago by nathan

I was actually able to pull the files from http://tobias.klpstn.com...so no need to attach (as long as the files there are the correct ones)

Changed 12 years ago by guest

Attachment: RangeSlider1.1-tabbing.zip added

Hopefully this archive works now

comment:17 Changed 12 years ago by Nathan Toone

Resolution: fixed
Status: assignedclosed

(In [13764]) fixes #6006. Commit to add range slider form widget. !strict

Note: See TracTickets for help on using tickets.