Difference between revisions of "KDE Visual Design Group/HIG/GroupBox"

Jump to: navigation, search
(Move notice)
 
(4 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
  
== Purpose ==
+
{{Note|This page is now on [[https://hig.kde.org/components/formating/groupbox.html https://hig.kde.org/]]}}
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 [[KDE_Visual_Design_Group/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.
+
* Use a 'raised' shadow if the frame is used to convey relationship.
+
== Implementation ==
+
 
+
[[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Grouping]]
+

Latest revision as of 17:14, 5 February 2019


Note-box-icon.png
 
Note
This page is now on [https://hig.kde.org/]

This page was last modified on 5 February 2019, at 17:14. Content is available under Creative Commons License SA 4.0 unless otherwise noted.