(→Appearance) |
(→Appearance) |
||
Line 34: | Line 34: | ||
** When you are using a check box that is placed right to its label, indent the sub-options in the same vertical axis as the check box. | ** When you are using a check box that is placed right to its label, indent the sub-options in the same vertical axis as the check box. | ||
**: [[Image:Suboption_right.png|frame|center|Aligning sub-options with the same vertical axis as the checkbox itself.]] | **: [[Image:Suboption_right.png|frame|center|Aligning sub-options with the same vertical axis as the checkbox itself.]] | ||
+ | |||
+ | * If activating a choice affects the appearance or the enabled state of other controls, place them next to the check box (group). | ||
+ | * Align groups of check boxes 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 check box is checked (i.e. they are dependent controls), disable them instead of hiding them if that check box is unchecked. | * If certain controls in a configuration dialog are only relevant if a certain check box is checked (i.e. they are dependent controls), disable them instead of hiding them if that check box is unchecked. | ||
− | + | ||
− | + | ||
* Do not separate check box and label. Clicking on both the box and the label should toggle the option. | * Do not separate check box and label. Clicking on both the box and the label should toggle the option. | ||
*: [[File:HIG_Checkbox5.png]] | *: [[File:HIG_Checkbox5.png]] | ||
− | * | + | * Do not add line breaks. If necessary place an additional label below the check box. |
− | + | *: [[File:HIG_Checkbox2.png]] | |
− | * | + | * Label a group of check box with a descriptive caption to the top left of the group (cf. [[Projects/Usability/HIG/Form_Label_Alignment| Alignment]]). |
− | + | * Create a buddy relation so access keys are assigned. | |
+ | * Use [[Projects/Usability/HIG/Capitalization|sentence style capitalization]] for check box items. | ||
* Do not use ending punctuation (neither dot nor colon) for group label. | * Do not use ending punctuation (neither dot nor colon) for group label. | ||
== Implementation == | == Implementation == | ||
[http://qt-project.org/doc/qt-4.8/qcheckbox.html QCheckBox] | [http://qt-project.org/doc/qt-4.8/qcheckbox.html QCheckBox] |
A check box is a control that permits the user to make multiple selections from a number of options. Check boxes are used to toggle an option on or off, or to select or deselect an item. Users make a decision between two clearly opposite choices (on (vs. off), apply (vs. don't apply), show (vs. hide). etc.).