Notifications

close
  • Generic placeholder image
    Amy Adams1Jan 22

    Hey!! What are you doing tonight ?

  • Generic placeholder image
    James Simpsons2Feb 15

    What's up ???

  • Generic placeholder image
    Mark Witherspoon3Mar 03

    I will be late today in office.

  • Generic placeholder image
    Jenniffer Wills4Apr 05

    Venture presentation is ready.

  • N
    Nelson SmithJan 22

    WORKSalary has been processed.

  • C
    Courtney CoxFeb 15

    URGENTNew product launching...

  • R
    Rachel WhiteMar 03

    ORDERSHOPPINGYour order has been...

  • F
    FreepikMar 03

    VERIFY NOWNew Sign verification req...

  • Payment Success !!!

    We have received your payment toward ad Account : 9876543210. Your Ad is Running.

    INFOSTATUSToday, 09:39 PM

  • Nobita Applied for Leave.

    Nobita applied for leave due to personal reasons on 22nd Feb.

    APPROVEREJECTYesterday, 05:25 PM

  • Alert

    There has been new Log in fron your account at Melbourne. Mark it safe or report.

    Report Now5 Jan 2019, 02:13 PM

  • Congratulations !!!

    Your role in the organization has been changed from Editor to Chief Strategist.

    ACTIVITY10 Jan 2019, 08:49 PM

Settings

close
Select Color
Night Mode
Navigation Sidebar
Select Account
profile
Shourya Kumar

Social Media Strategist

  • user
  • email
  • logout

Range Slider

  1. Home
  2. Advanced UI Kits
  3. Range Slider
Basic
Start without params
Min and Max
Set min value, max value and start point
Prefix
Set type to double and specify range, also showing grid and adding prefix "$"
Range
Set up range with negative values
Step
Using step 250
Fractional Step
Set up range with fractional values, using fractional step
Own Numbers
Set up you own numbers
String Value
Using any strings as your values
No Prettify
Big numbers are ugly and unreadable
Prettify
Prettify enabled. Much better!
Seperator
Don't like space as separator? Use anything you like!
Own Prettify Function
You don't like default prettify function? Use your own!
Postfixes
Using postfixes
Max Postfixes
Want to show that max number is not the biggest one?
Both Decoration
Want to show that max number is not the biggest one?
Remove Decoration
Remove double decoration
Own Values Separator
Use your own separator symbol with values_separator option. Like →
Values Separator To
Or " to ":
Hide Visual Details
You can disable all the sliders visual details, if you wish. Like this:
Hide any Details
Or hide any part you wish
Hide From-To Details
And some more
Hide Min-Max & Grid Details
And some more

© 2020 Theta - All Rights Reserved.