Projects/Usability/HIG/GroupBox

< Projects‎ | Usability‎ | HIG
Revision as of 13:58, 28 September 2013 by Htietze (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


Purpose

A group box is a labeled rectangular area that surrounds a set of related controls. A frame (also known as panel) is an unlabeled rectangular area that can be used to mark relationship as well.

Both, group box and frame are a way to show relationships visually; it provides no additional functionality.

Example

Guidelines

Is this the right control

  • Always try to use a group box to arrange related controls.
  • Use a frame to arrange related controls that cannot be labeled.
  • 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.
  • Use a 'raised' shadow if the frame is used to convey relationship.

Implementation


This page was last modified on 28 September 2013, at 13:58. This page has been accessed 680 times. Content is available under Creative Commons License SA 3.0 as well as the GNU Free Documentation License 1.2.
KDE® and the K Desktop Environment® logo are registered trademarks of KDE e.V.Legal