|
|
(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