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
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.