Xato Range Slider | Xato - Multipurpose Bootstrap Admin Dashboard Template

Basic Example

1001 00000550

Set type to double, specify range, show grid and add a prefix "$"

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

Set up range and step

-1 0001 000-500500-500 — 500-1 000-50005001 000

Set up range and step (Steps Added)

-1 0001 000-500500-500 — 500-1 000-50005001 000

Force fractional values, using fractional step 0.1

-12.812.8-3.23.2-3.2 — 3.2-12.8-6.406.412.8

Using array of custom values

01 000 0001010 00010 — 10 0000101001 00010 000100 0001 000 000

Values array could be anything, even strings

JanDec00AprJanFebMarAprMayJunJulAugSepOctNovDec

Change visual look of numbers

1,0001,000,00000100,0001,000250,750500,500750,2501,000,000

Calculating logarithm of a number

1 → 01024 → 1000256 → 81 → 0257 → 8.006513 → 9.003768 → 9.5851024 → 10

Decorating numbers with prefixes, postfixes and other symbols

$0$100+00$500255075100

Using prefix and postfix at the same time

Age: 0 yearsAge: 100+ years00Age: 21 years0255075100

Lock and restrict handles

010282 — 8012345678910

Please reload the page to view the responsive functionalities

Jennifer Queen

Lara Smith

Victoria Williamson

Range slider options

Chat Groups

My Favourites

Andrew Mackie

Sophia Garner

Jackie Smith

Chats

Owen Hargrieves

Riyana Giyan

Ryan Timberlake

Julie Roman

Gareth Sarkar

Kylie Roberts

Order Status

Payment Status

Account Setting

Mail Setting

Chat Setting

Jennifer Queen

Lara Smith

Victoria Williamson

2 New orders placed

New User registered

21 Queries solved

New update available

Sara

My Account

My Activity

Settings

Lock Screen

Logout