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