Range Slider is an advanced Slider control that allows selecting a specific range of values with two markers.
CSS class | Element |
---|---|
.webix_control.webix_el_slider.webix_rangeslider | the whole "rangeslider" control |
.webix_slider_box | the container for the rangeslider |
.webix_slider_handle.webix_slider_handle_0 | the left handle of the horizontal rangeslider / the bottom handle of the vertical rangeslider |
.webix_slider_handle.webix_slider_handle_1 | the right handle of the horizontal rangeslider / the top handle of the vertical rangeslider |
.webix_slider_active | the active handle of the rangslider |
.webix_slider_title | a title of the rangslider |
.webix_slider_title.webix_slider_move | a movable title of the rangeslider |
.webix_slider_title_box | the container for a movable title of the rangeslider |
.webix_slider_left | the colored space between the markers (it defines the values included in the range) |
.webix_slider_right | the uncolored space (the whole scale of the rangeslider) |
Read more about RangeSlider
Back to top