@extends('layouts.master') @section('title', 'Modernize Bootstrap Admin') @section('css') @endsection @section('pageContent') @include('layouts.breadcrumb', ['title' => 'Noui-Slider', 'subtitle' => 'Home'])
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).