(re-creation of my C7 topic.)
Maybe nice and easy for submission and filter input: Increase and decrease values by clicking on up/down buttons ;-) Allowing min and max values. BTW, current Digits field seems to have no min/max limits, yet ?! Except for a certain digit range like 9, 99, 999. Which is not granular enough.
Nothing was included in Bootstrap, yet. But there are many other solutions and plugins out there... also HTML5 input types. Terms used for this input method:
- step input
- numeric stepper
- spinner
- slider
Examples - Appearance
Possible solutions:
- Stepper by Ben Plum / formstone.it
- Spinner Fuel UX plugin, addons for Bootstrap 2 & 3
HTML5 Input types, see "number" and "range".
(Benefit: No JavaScript! Keyboard support. Drawback: Default Styling... controls ugly and very tiny, Browser-Support)
Ranger by Ben Plum / formstone.it
- jQueryUI slider (already used in Filter template)
- noUISlider (jQuery plugin)
HeadsUp
Ben Plum's jQuery solutions "Stepper" and "Ranger" also require HTML5 input types. So, for total custom appearance try his stuff on formstone.it ;)
(re-creation of my C7 topic.)
Maybe nice and easy for submission and filter input: Increase and decrease values by clicking on up/down buttons ;-) Allowing min and max values. BTW, current Digits field seems to have no min/max limits, yet ?! Except for a certain digit range like 9, 99, 999. Which is not granular enough.
Nothing was included in Bootstrap, yet. But there are many other solutions and plugins out there... also HTML5 input types. Terms used for this input method:
Examples - Appearance
Possible solutions:
HTML5 Input types, see "number" and "range".
(Benefit: No JavaScript! Keyboard support. Drawback: Default Styling... controls ugly and very tiny, Browser-Support)
Ranger by Ben Plum / formstone.it
HeadsUp
Ben Plum's jQuery solutions "Stepper" and "Ranger" also require HTML5 input types. So, for total custom appearance try his stuff on formstone.it ;)