English | Русский

Slider

Webix Slider - это JavaScript виджет, предназначенный для создания горизонтальных слайдеров на веб-странице. Этот компонент позволяют устанавливать определенное числовое значение кликом или же путем перемещения бегунка по шкале.

Webix Slider
Демо

Полностью настраиваемый

Внешний вид Webix Slider легко изменить при необходимости посредством CSS. API виджета содержит все необходимые функции для того, чтобы вы могли настроить его поведение по своему желанию. Множество фич виджета Slider, включая возможность изменения цвета и общего стиля, кастомных значений min, max и start, а также установки шага и отображения десятичных значений, позволят сделать ваше веб-приложение действительно многофункциональным.

Выбор ряда значенийДемо

У виджета Slider имеется расширение Range Slider, которое позволяет выбрать определенный диапазон числовых значений, с помощью двух маркеров. Такой слайдер можно использовать, к примеру, для фильтрации товаров на сайте по определенным критериям.

Webix Range Slider
Демо

Изменение значения

Чтобы выбрать значение, необходимо либо кликнуть по шкале, либо перетянуть бегунок в нужное место. Более того, вы также можете ввести значение в нужный инпут, и маркер изменит свою позицию соответственно.

Совместимость с браузерами

У виджета Slider имеется расширение Range Slider, которое позволяет выбрать определенный диапазон числовых значений, с помощью двух маркеров. Такой слайдер можно использовать, к примеру, для фильтрации товаров на сайте по определенным критериям.

Поддержка тач-устройств

Webix Slider автоматически определяет тип устройства и настраивается таким образом, чтобы взаимодействие пользователя с приложением на тач-устройстве было максимально удобным.

Windows and Popups
Uploader
Development Tools