1. Xeria
  2. Admin UI
  3. Range Slider

Range Slider

Default

Start without params

Min-Max

Set min value, max value and start point

Prefix

Showing grid and adding prefix "$"

Range

Set up range with negative values

Step

Using step 250

Custom Values

Using any strings as values

Prettify Numbers

Prettify enabled. Much better!

Disabled

Lock slider by using disable option

Extra Example

Whant to show that max number is not the biggest one?

Use decorate_both option

Use decorate_both option

Postfixes

Using postfixes

Hide

Or hide any part you wish

Modern skin

Example of modern skin

Sharp skin

Example of sharp skin

Round skin

Example of round skin

Square skin

Example of square skin

Settings
user-img
Marcia J. Melia

Product Owner

8,504

Balance

8,504

Balance

Messages 25

Tomaslau

I've finished it! See you so...

Stillnotdavid

This theme is awesome!

Kurafire

Nice to meet you

Shahedk

Hey! there I'm available...

Adhamdannaway

This theme is awesome!