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

    From KDE TechBase
    (New page: === Summary === A group of items that might be changed on a rare occasion (such as added, removed, re-ordered)is available to the user. Because of the infrequency of use, save valuable s...)
     
    No edit summary
    Line 1: Line 1:
    === Summary ===
    === Summary ===


    A group of items that might be changed  on a rare occasion (such as added, removed, 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.
    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 ===  
    === Solution ===  


    [image of Item list]
    [image of Item list]
    A list of items from which a picker dialog is launched.
    A list of items from which a picker dialog is launched.


    Line 12: Line 13:


    [image of Picker dialog]
    [image of Picker dialog]
    The Picker Dialog displayed.
    The Picker Dialog displayed.



    Revision as of 17:45, 2 September 2008

    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 of Item list]

    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 of Picker dialog]

    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