@@include('global/_head.html',{ "headTitle": "Range Slider", "rangeslider": "true", "prism": "true", }) @@include('docs/_sidebar.html', {"page": "formelements"})
@@include('global/_page-header.html', {"PageHeader": "sticky-top"} )

Range Slider

How it works

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options.. For more info, please visit the rangeSlider

  • Ion.RangeSlider — cool, comfortable, responsive and easily customizable range slider
  • Supports events and public methods, has flexible settings, can be completely altered with CSS
  • Cross-browser: Google Chrome, Mozilla Firefox 3.6+, Opera 12+, Safari 5+, Internet Explorer 8+
  • Ion.RangeSlider supports touch-devices (iPhone, iPad, Nexus, etc.).
  • Ion.RangeSlider freely distributed under terms of MIT licence.
  • With this plugin you will be able to build beautiful range sliders, like this:
Basic Example

Start without params

@@include('docs/_quick-url.html')
@@include('global/_page-footer.html', {"PageFooter": ""} )
@@include('global/_full-screen-menu.html', {"divClass": ""} ) @@include('global/_need-help.html', {"divClass": "offcanvas-start"} ) @@include('global/_quick-access.html', {"divClass": "offcanvas-end"} ) @@include('global/_theme-setting.html', {"divClass": "offcanvas-end"} ) @@include('global/_site-map.html', {"divClass": "offcanvas-start sm"} ) @@include('global/_body-hero-img-2.html', {"bodyBgClass": "body-bg"} ) @@include('global/_plugin-script.html', { "rangeslider": "true", "prism": "true", })