Use a spin box to allow users to choose an item from an ordered list easily. For example, use spin boxes to allow users to find a number or to change the day of the week.
Best practice: Implementing spin boxes
- Use spin boxes for a list of sequential items.
- Use drop-down lists for non-sequential items or items with irregular intervals. For a short list of non-sequential items, you can use a spin box to provide a more interactive experience for users.
- Avoid using a spin box if several other components appear on the screen.
- Use the SpinBoxField class and the SpinBoxFieldManager class to create spin boxes.
- Add spin boxes to dialog boxes instead of screens where possible.
- When users highlight a spin box, display three to five items vertically.
- Use an identifiable pattern for the sequence of items (for example, 5, 10, 15) so that users can estimate how much they need to scroll to find the target item.
- Avoid making users scroll horizontally to view multiple spin boxes. If necessary, separate spin boxes into multiple fields.
- If the text in a spin box is too long, use an ellipsis (...).