RangeSlider CSS

Range Slider is an advanced Slider control that allows selecting a specific range of values with two markers.

Webix RangeSlider basic use

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