Ion Range Slider

Basic silders

101000010

Start without params

1001 00000550

Set min value, max value and start point

$0$1 000$200$800$200 — $80002505007501 000

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

Weight: 100 million poundsWeight: 200 million poundsWeight: 145 million poundsWeight: 155 million poundsWeight: 145 million pounds — Weight: 155 million pounds

Connecting from and two values

Disable visual details

1 0001 2501 5001 7502 000

Disable part of visual details

$0$10 000$1 000$10 000$1 000 — $10 00002 5005 0007 50010 000

Using prefixes

-90°90°000°-90-4504590

Using postfixes

Advanced sliders

010 000010 0000 — 10 00002 5005 0007 50010 000

Grid will set up automatically, just set grid to true:

010 000010 0000 — 10 00001 0002 0003 0004 0005 0006 0007 0008 0009 00010 000

Want more? Use grid_num:

010 000010 0000 — 10 000010 000

Have predifined step? You can snap grid to it:

01000002.344.687.029.3610

Even if you have a very strange step!

0100307030 — 70

Lock handle

01000030

Limit movement

01000030

Highlight limit

0100208020 — 800102030405060708090100

Advanced limit example

01000030

Disable slider