Ben's Sandbox
  • Projects
  • Tags

jQuery UI Spinner - Slider Enhancement


View Blog   View Source  
This is a quick demo showing how to add coordinate a spinner and slider widget to provide an alternative method of moving through a large range of numeric values. The nice feature the slider adds is visual feedback about where you are in the valid range and a fast way of skipping to a different value without typing. I've rolled these samples into the SlideSpinner UI widget on my GitHub bseth99/jquery-ui-extensions project. I've created a few examples on the project page:
  • Basic layout
  • Setting min/max and default values
  • Formatted numeric values
Slider & Spinner - Vertical
Slider & Spinner - Horizontal

© Ben Olson 2012 with help from Jekyll Bootstrap and Twitter Bootstrap