Projects/Usability/HIG/SOU Workspace/Picker: Difference between revisions

From KDE TechBase
No edit summary
(HIG moved to community)
 
(2 intermediate revisions by 2 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 (items being added or removed) on a rare occasion 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|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|Edit Lists]]; [[../Two Lists with Arrow Buttons|Two Lists with Arrow Buttons]]

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.