Difference between revisions of "Projects/Usability/HIG/GroupBox"

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Appearance)
(HIG moved to community)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
__NOTOC__
+
{{ Moved To Community | KDE_Visual_Design_Group/HIG/GroupBox }}
 
 
== 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 [[Projects/Usability/HIG/Splitter| 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.
 
* Set the group box or frame shadow to 'flat' to convey relationship. This provides the consistent spacing required to convey the relationship.
 
 
 
== Implementation ==
 
 
 
[[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Grouping]]
 

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.


This page was last edited on 4 August 2016, at 11:26. Content is available under Creative Commons License SA 4.0 unless otherwise noted.