(→Guidelines) |
m ([http://qt-project.org/doc/qt-4.8/qradiobutton.html QRadioButton] → {{qt|QRadioButton}}) |
||
(4 intermediate revisions by one other user not shown) | |||
Line 27: | Line 27: | ||
=== Appearance === | === Appearance === | ||
* When options are subordinate to a radio box, this relation should be visualized by indenting the sub-options by using a horizontal spacer of SizeType "Minimum". | * When options are subordinate to a radio box, this relation should be visualized by indenting the sub-options by using a horizontal spacer of SizeType "Minimum". | ||
− | * | + | |
− | * Use [[Projects/Usability/HIG/Capitalization | + | * If activating a choice affects the appearance or the enabled state of other controls, place them next to the radio button (group). |
− | + | * Align radio buttons vertically rather than horizontally, as this makes them easier to scan visually. Use horizontal or rectangular alignments only if they greatly improve the layout of the window. | |
− | * | + | * If certain controls in a configuration dialog are only relevant if a certain radio button is toggled on (i.e. they are dependent controls), disable them instead of hiding them if that radio button is toggled off. |
+ | |||
+ | * Do not separate radio button and label. Clicking on both the button and the label should toggle the option. | ||
+ | * Do not add line breaks. If necessary place an additional label below the check box. | ||
+ | * Label a group of radio buttons with a descriptive caption to the top left of the group (cf. [[Projects/Usability/HIG/Alignment| alignment]]). | ||
+ | * Create a buddy relation so access keys are assigned. | ||
+ | * Use [[Projects/Usability/HIG/Capitalization|sentence style capitalization]] for radio buttons. | ||
+ | * Do not use ending punctuation (neither dot nor colon) for group label. | ||
== Implementation == | == Implementation == | ||
− | * | + | * {{qt|QRadioButton}} |
− | * | + | * {{qt|QButtonGroup}} |
+ | |||
+ | [[Category:Usability]][[Category:Behavior]][[Category:Editing_and_Manipulation]][[Category:Selection]] |
Radio buttons offer the user a choice of two or more mutually exclusive options. Try to limit the number of radio buttons and radio button groups in a dialog. Offering a high number of radio buttons consumes screen space and adds to visual clutter. At the same time, showing all available options at once is an advantage if users are likely not to know possible alternatives.