100 steps, snap off

When you drag the black box horizontally the number below should change to reflect the position. The step indicator should reflect the initialPosition option of 50.

Attach Detach

XX

10 steps, snap on

When you drag the black box horizontally the number below should change to reflect the position in 10 steps that "snap".

XX

setRange

When you click the setRange button the slider should continue to work properly with a range of 200-50.

XX

A range of -20 to 20 whith a initial value of 0

The knob should be in the middle of the slider

XX

Monitor events

When the slider is initalized it should fire each event only once (change, tick and complete).


change events fired:

tick events fired:

move events fired:

complete events fired:

resizable slider

Slider should resize with window and knob should maintain correct step on resize. Knob should also be able to travel full length of slider.

XX

This slider should work with your mousewheel

The knob should move when scrolling the mousewheel

Knob positioned absolute

The knob's position should not be set to position relative if it is currently absolute.

Snap

The knob should drag to last position (30) when snap is set to true and knob is bigger than slider.

XX

Decimal values

The knob should change in steps, and give decimal values.

XX

Decimal values

The knob should change with no steps (steps == false), and give decimal values.

XX

Modulus division

It should handle correct numbers with decimals, and perform correct modulus division. (Drag to the end to fire result)

XX