- Should radio buttons be vertical or horizontal?
- What can I use instead of a radio button?
- Should radio buttons be stacked?
- Can radio buttons be horizontal?
Should radio buttons be vertical or horizontal?
Vertical positioning of radio buttons is safer. Try to lay out your lists vertically, with one choice per line. If you still need a horizontal layout with multiple options per line, make sure to space the buttons and labels so that it's absolutely clear which choice goes with which label.
What can I use instead of a radio button?
The alternatives to radio buttons are checkboxes and drop down boxes. Use them over the alternatives when: One answer must be selected.
Should radio buttons be stacked?
Usability and best practice
For user readability, vertically-stack radio buttons. Side-by-side layouts make it difficult for users to review all options, compare them and make their preferred selection.
Can radio buttons be horizontal?
By default, checkboxes and radio buttons are displayed in vertical format. You can change the appearance to be horizontal instead using a Custom CSS Class. The default vertical display is recommended.