Slider Widget Demo
This page demos the three types of slider widgets, with slightly different behaviours.
| Type | Range | onDragMove | onDragEnd | onClick | reversed |
| vertical | 1..9 | | update text field | update text field | yes |
| horizontal | -10..10 | update text field | | update text field | no |
| box | 0..10 | | update text field | | X:yes
Y:no |
Red, blue, and green borders shown to test the correct placement of slider components.
|
[before][after] |
[before][after] |
|
[before][after] |
Horizontal Slider Value:
(updates when slider handle is moved)
Vertical Slider Value:
(updates when slider handle drag ends)
Box Slider Value:
Debug Messages
