Projects/Usability/HIG/GroupBox: Difference between revisions
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
=== Is this the right control === | === Is this the right control === | ||
* Always use a group box to arrange related controls. | * Always use a group box to arrange related controls. | ||
* Do not group single controls. | |||
* Consider to communicate relationship by layout only. | |||
=== Behavior === | === Behavior === | ||
* Do not nest grouping elements; use layout to show relationships within a group. | * Do not nest grouping elements; use layout to show relationships within a group. | ||
Revision as of 08:26, 27 September 2013
Purpose
A group box is a labeled rectangular frame that surrounds a set of related controls. A group box is a way to show relationships visually; it provides no additional functionality.
Example
Guidelines
Is this the right control
- Always use a group box to arrange related controls.
- Do not group single controls.
- Consider to communicate relationship by layout only.
Behavior
- Do not nest grouping elements; use layout to show relationships within a group.
- Do not place controls in group box’ caption.
- Do not disable groups. To indicate that a group of controls doesn't currently apply, disable all the controls within the group, but not the group itself.
- Put a splitter between aligned grouping controls.
Appearance
- Label the group box with a descriptive caption.
- Do not assign an access key to the group box’ caption.