Projects/Usability/HIG/GroupBox: Difference between revisions

From KDE TechBase
< Projects‎ | Usability‎ | HIG
No edit summary
No edit summary
Line 2: Line 2:


== Purpose ==
== 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.
A ''group box'' is a labeled rectangular area that surrounds a set of related controls.
 
A group box is a way to show relationships visually; it provides no additional functionality.
== Example ==
== Example ==
== Guidelines ==
== Guidelines ==
Line 16: Line 18:


===  Appearance ===
===  Appearance ===
* Label the group box with a descriptive caption.
* Label the group box with a descriptive caption. If a label doesn't fit at all use a [[Projects/Usability/HIG/Frame|frame]] instead.
* Do not assign an access key to the group box’ caption.
* Do not assign an access key to the group box’ caption.



Revision as of 08:51, 27 September 2013


Purpose

A group box is a labeled rectangular area 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. If a label doesn't fit at all use a frame instead.
  • Do not assign an access key to the group box’ caption.

Implementation