Horizontal Slider

add(new YuiHorizSlider("hslider1", YuiSliderSettings.getHorizDefault(300, 20, 150)));
Horiz Slider 1

add(new YuiHorizSlider("hslider2", YuiSliderSettings.getHorizDefault(150, 1, 0)));
Horiz Slider 2

Vertical Slider

add(new YuiVertSlider("vslider1", YuiSliderSettings.getVertDefault(300, 10, 150))); add(new YuiVertSlider("vslider2", YuiSliderSettings.getVertDefault(200, 1, 73)));
Vert Slider
Vert Slider

Custom Slider

YuiSlider is a simple slider based on YUI. you can use override
getOnChangeJSFunc
to provide the calculation for label/input elements you wish to populate add(new YuiHorizSlider("hslider3", YuiSliderSettings.getHorizDefault(200, 20, 100))
Horiz Slider 3


Pixel Value : label
Calculated value: