Sliders v9.1.0

We restyled noUIslider, while keeping the design consistent. You can use other classes for colors like .slider-info, .slider-success, .slider-warning, .slider-danger.

For more information please check Full Github Documentation.

<!-- Markup -->
<div id="sliderRegular" class="slider"></div>
<br>
<div id="sliderDouble" class="slider slider-primary"></div>

<!-- Javascript -->

initSliders: function() {
// Sliders for demo purpose in refine cards section

  if ($('#sliderRegular').length != 0) {
    var rangeSlider = document.getElementById('sliderRegular');
    noUiSlider.create(rangeSlider, {
      start: [5000],
      range: {
        'min': [2000],
        'max': [10000]
      }
    });
  }

  if ($('#sliderDouble').length != 0) {
    var slider = document.getElementById('sliderDouble');
    noUiSlider.create(slider, {
      start: [20, 80],
      connect: true,
      range: {
        'min': 0,
        'max': 100
      }
    });
  }
}