Please wait...
Compass
NOTIFICATIONS
8 New Members joined
14 mins ago
4 Sales made
22 mins ago
Nancy Doe
Deleted account
3 hours ago
Nancy
Changed name
2 hours ago
John
Commented your post
4 hours ago
John
Updated status
3 hours ago
Settings Updated
Yesterday
View All Notifications
TASKS
Footer display issue
86%
Answer GitHub questions
35%
Solve transition issue
72%
Create new dashboard
45%
Panding Project
29%
View All
Design Team
Alexander
6:12
Hello, John
6:15
Hi, Alexander
How are you!
6:16
There are many variations of passages of Lorem Ipsum available
Elizabeth
6:25
Hi, Alexander,
John
What are you doing?
Michael
6:28
I would love to join the team.
7:02
Hello,
Michael
Rang Sliders
Welcome to Compass
Compass
UI
Rang Sliders
Examples
Taken by
ionden.com/a/plugins/ion.rangeSlider/en.html
Action
Another action
Something else
Start without params
10
100
0
0
10
Set min value, max value and start point
100
1 000
0
0
550
Set type to double and specify range, also showing grid and adding prefix "$"
$0
$1 000
$200
$800
$200 — $800
0
250
500
750
1 000
Set up range with negative values
-1 000
1 000
-500
500
-500 — 500
-1 000
-500
0
500
1 000
Using step 250
-1 000
1 000
-500
500
-500 — 500
-1 000
-500
0
500
1 000
Set up range with fractional values, using fractional step
-12.8
12.8
-3.2
3.2
-3.2 — 3.2
-12.8
-6.4
0
6.4
12.8
Set up you own numbers
0
1 000 000
10
100 000
10 — 100 000
0
10
100
1 000
10 000
100 000
1 000 000
Using any strings as your values
zero
ten
0
0
five
zero
one
two
three
four
five
six
seven
eight
nine
ten
One more example with strings
January
December
0
0
April
January
February
March
April
May
June
July
August
September
October
November
December
No prettify. Big numbers are ugly and unreadable
1000
1000000
0
0
100000
1000
250750
500500
750250
1000000