Ion Range Sliders cool, comfortable and easily customizable range slider with skins support

THEME COLORS

  • Default
  • Blue Hoki
  • Blue Steel
  • Orange
  • Yellow Crusta
  • Green Haze
  • Red Sunglo
  • Red Intense
  • Purple Plum
  • Purple Studio

LAYOUT

  • Theme Style
  • Layout
  • Top Menu Style
  • Top Menu Mode
  • Mega Menu Style
  • Mega Menu Mode

Ion Range Slider

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options. For more info please check out the official documentation

Basic Demos
Set min value, max value and start point
Set type to double and specify range, also showing grid and adding prefix "$"
Set up range with negative values
Set up you own numbers
Using any strings as your values
One more example with strings
Taking care about how from and to values connect? Use decorate_both option.
Use your own separator symbol with values_separator option. Like →
Advanced Demos
Sometimes you want to forbid dragging one or both handles. Try to move left handle, you can't.
Sometimes you may want to show user full slider, but restict him from using it for 100%. The limits is the tool for you. Try to drag slider, you will see, it has invisible borders on 10 and 50.
One more example with limits.
You can lock your slider, by using disable option.

Staff

  • 8
    ...

    Bob Nilson

    Project Manager
  • ...

    Nick Larson

    Art Director
  • 3
    ...

    Deon Hubert

    CTO
  • ...

    Ella Wong

    CEO

Customers

  • 2
    ...

    Lara Kunis

    CEO, Loop Inc
    Last seen 03:10 AM
  • new
    ...

    Ernie Kyllonen

    Project Manager,
    SmartBizz PTL
  • ...

    Lisa Stone

    CTO, Keort Inc
    Last seen 13:10 PM
  • 7
    ...

    Deon Portalatin

    CFO, H&D LTD
  • ...

    Irina Savikova

    CEO, Tizda Motors Inc
  • 4
    ...

    Maria Gomez

    Manager, Infomatic Inc
    Last seen 03:10 AM
Back
Bob Nilson 20:15 When could you send me the report ?
Ella Wong 20:15 Its almost done. I will be sending it shortly
Bob Nilson 20:15 Alright. Thanks! :)
Ella Wong 20:16 You are most welcome. Sorry for the delay.
Bob Nilson 20:17 No probs. Just take your time :)
Ella Wong 20:40 Alright. I just emailed it to you.
Bob Nilson 20:17 Great! Thanks. Will check it right away.
Ella Wong 20:40 Please let me know if you have any comment.
Bob Nilson 20:17 Sure. I will check and buzz you if anything needs to be corrected.

General

System

General Settings

  • Enable Notifications
  • Allow Tracking
  • Log Errors
  • Auto Sumbit Issues
  • Enable SMS Alerts

System Settings

  • Security Level
  • Failed Email Attempts
  • Secondary SMTP Port
  • Notify On System Error
  • Notify On SMTP Error

About

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.

Subscribe Email

Follow Us On

Contacts

Phone: 800 123 3456
Email: info@metronic.com
2014 © Metronic by keenthemes. Purchase Metronic!