{% extends "partials/layouts/main-layout.html.twig" %} {% block css1 %} {% endblock %} {% block body_attributes %}
{% endblock %} {% block sidebar %} {% include "partials/sidebar.html.twig" %} {% endblock %} {% block hr_sidebar %} {% include "partials/horizontal-sidebar.html.twig" %} {% endblock %} {% block content %}
The number of handles can be set using the
start option.
For every subrange in a non-linear slider, stepping can be set.
The amount the slider changes on movement can be set using the step option.
noUiSlider offers some powerful mechanisms that allow a slider to behave in a non-linear fashion.
All values on the slider are part of a range. The range has a minimum and maximum value.
A handle snaps to a clicked location. A smooth transition is used. This option is default.
Makes the range draggable. Requires two handles. The
connect option must be set to
true.
Keeps the distance between handles fixed when the
'drag' flag is set.
A handle snaps to a clicked location. It can immediately be moved, without a mouseup +
mousedown.
With this option set, the slider fires
hover events when a mouse or pen user hovers over the slider.
Most 'behavior' flags can be combined.
The range mode uses the slider range to determine where the pips should be. A pip is generated for every percentage specified.
The range mode uses the slider range to determine where the pips should be. A pip is generated for every percentage specified.
Like range, the steps mode uses the slider range. In steps mode, a pip is generated for every step. The filter option can be used to filter the generated pips. The
filter function must return 0 (no value), 1 (large value) or
2 (small value).