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

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Created page with "__NOTOC__ == Purpose == A ''splitter'' is a visual separator between two grouping elements. It allows the user to resize the adjacent groups. == Example == == Guidelines == =...")
 
(Is this the right control)
Line 6: Line 6:
 
== Guidelines ==
 
== Guidelines ==
 
=== Is this the right control ===
 
=== Is this the right control ===
* Always put splitter between aligned grouping controls and allow the user to resize.
+
* Always put a splitter between aligned, resizable grouping controls to allow individualization for users.
 +
 
 
=== Behavior ===
 
=== Behavior ===
 
* Store splitters' position and adjust control size accordingly on next login.
 
* Store splitters' position and adjust control size accordingly on next login.

Revision as of 09:31, 28 October 2013


Purpose

A splitter is a visual separator between two grouping elements. It allows the user to resize the adjacent groups.

Example

Guidelines

Is this the right control

  • Always put a splitter between aligned, resizable grouping controls to allow individualization for users.

Behavior

  • Store splitters' position and adjust control size accordingly on next login.

Appearance

  • Define a minimum size for areas that cannot be undercut by users.
  • Make splitters at least 5 pixels wide so that they can be easily clicked by any input device.

Implementation