Difference between revisions of "Projects/Usability/HIG/SOU Workspace/Picker"

Jump to: navigation, search
(HIG moved to community)
 
(5 intermediate revisions by 3 users not shown)
Line 1: Line 1:
== Picker Dialog ==
+
{{ Moved To Community | KDE_Visual_Design_Group/HIG/SOU Workspace/Picker }}
 
 
=== Summary ===
 
 
 
A group of items that might be changed  on a rare occasion (such as added, removed or re-ordered) is available to the user. Because of the infrequency of use, save valuable screen space by only showing the full list of items on demand.
 
 
 
=== Solution ===
 
 
 
[[Image:PickerList1.png]]
 
 
 
''A list of items from which a picker dialog is launched.''
 
 
 
 
 
* The target list is not directly editable. Provide an "edit" or "add" button at the bottom left of the list.
 
** If the order of available items can be changed, provide up/down buttons to the bottom right of the list. Drag and drop may also be used in addition.
 
 
 
[[Image:PickerList2.png]]
 
 
 
''The Picker Dialog displayed.''
 
 
 
 
 
* On clicking the "edit" or "add" button the Picker Dialog is displayed above the target list while ensuring that the target list can still be viewed.
 
 
 
* The Picker Dialog includes:
 
** the complete list of available items
 
** a title of the available items located at the top of the list
 
** a checkbox for each item to the left of the item name (see [[Rich Lists]] if more information must be displayed)
 
** a close button to the bottom right of the dialog
 
 
 
* Upon selecting a checkbox the item is immediately displayed in the target list.
 
 
 
=== Related Patterns: ===
 
[[Edit Lists]]; [[Two Lists with Arrow Buttons]]
 

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.