- ###### FILES

- Two new item submitted Marketing Manager
  17kb
- 52 Doc file Generator FontEnd Developer
  550kb
- 25 Xls File Uploaded Digital Marketing Manager
  20kb
- Anna Strong Web Designer
  37kb

- ###### MEMBERS

- John Doe UI designer
- Michal Clark FontEnd Developer
- Milena Gibson Digital Marketing
- Anna Strong Web Designer

- ###### PAGES

- error_outline No results found.

ion.RangeSlider is Easy, flexible and responsive range slider with skin support.

#### Basic Demo

- View
- JS

Simple start and customising basic params

Start without params

        $("#range_01").ionRangeSlider();

Set Value

- View
- JS

Set min value, max value and start point

      $("#range_02").ionRangeSlider({
        min: 100,
        max: 1000,
        from: 550
      });

Specify Range

- View
- JS

Set type to double and specify range, also showing grid and adding prefix "$"

      $("#range_03").ionRangeSlider({
        type: "double",
        grid: true,
        min: 0,
        max: 1000,
        from: 200,
        to: 800,
        prefix: "$"
      });

Set up range and step

- View
- JS

Set up range with negative values

      $("#range_04").ionRangeSlider({
        type: "double",
        grid: true,
        min: -1000,
        max: 1000,
        from: -500,
        to: 500
      });

Fractional Values

- View
- JS

Set up range with fractional values, using fractional step

      $("#range_04").ionRangeSlider({
        type: "double",
        grid: true,
        min: -1000,
        max: 1000,
        from: -500,
        to: 500
      });

With Strings

- View
- JS

One more example with strings

      $("#range_09").ionRangeSlider({
        grid: true,
        from: 3,
        values: [
          "January", "February", "March",
          "April", "May", "June",
          "July", "August", "September",
          "October", "November", "December"
        ]
      });

add

- help_outline
- widgets
- today
- mail_outline

settings
close

##### Theme Customizer

Customize & Preview in Real Time

###### Navbar Options

###### Footer Options

add_shopping_cart