[ bracket ]

Navigation
Information Summary
  • Daily Traffic

    630, 201

  • Average Users

    1, 332, 801

  • Disk Usage

    82.2%

  • CPU Usage

    140.05 - 32

  • Memory Usage

    32.2%

Sliders Subtitle goes here...

You are here:
  1. Bracket
  2. UI Elements
  3. Sliders
× −

Basic Slider

The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.

× −

Range Slider

Set the range option to true to capture a range of values with two drag handles. The space between the handles is filled with a different background color to indicate those values are selected.

× −

Range With Fixed Maximum

Fix the maximum value of the range slider so that the user can only select a minimum. Set the range option to max.

× −

Range With Fixed Minimum

Fix the minimum value of the range slider so that the user can only select a maximum. Set the range option to min.

× −

Vertical Slider

Change the orientation of the slider to vertical. Assign a height value via .height() or by setting the height through CSS, and set the orientation option to vertical

× −

Vertical Range Slider

Change the orientation of the range slider to vertical. Assign a height value via .height() or by setting the height through CSS, and set the orientation option to vertical

Online Users
  • Eileen Sideways Los Angeles, CA
  • 2 Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Offline Users
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Favorites
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
History
  • Eileen Sideways Hi hello, ctc?... would you mind if I go to your...
  • Zaham Sindilmaca This is to inform you that your product that we...
  • Nusja Nawancali Are you willing to have a long term relat...
Settings