Projects/Usability/HIG/Accordion: Difference between revisions

    From KDE TechBase
    < Projects‎ | Usability‎ | HIG
    (Created page with "__NOTOC__ == Purpose == The ''accordion'' (in Qt also known as tool box) provides a column of tabbed panels. Similar to tabs only a single item is shown at once. == Example...")
     
    No edit summary
    Line 20: Line 20:
    * Do not use icons in panel headers.
    * Do not use icons in panel headers.
    == Implementation ==
    == Implementation ==
    [[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Grouping]]

    Revision as of 10:23, 25 October 2013


    Purpose

    The accordion (in Qt also known as tool box) provides a column of tabbed panels. Similar to tabs only a single item is shown at once.

    Example

    Guidelines

    Is this the right control

    • Use an accordion for content with mutually exclusive views. That might be a calculator with simple vs. scientific vs. statistical layout, or a digital vs. analog clock, for instance.
    • Do not use an accordion to structure content by default. Rather use a list view with associated pages or tabs.
    • Consider to replace the accordion by another control since KDE makes very rarely use of this type of navigation.

    Behavior

    • Do not mix the accordion with other types of navigation on the same level.
    • Do not use more than one accordion in your application because it is clutter prone.
    • Make sure that accordion contains of at least one panel.
    • Do not add more than five panels to an accordion.

    Appearance

    • Each panel must contain a panel header with descriptive label.
    • Do not use icons in panel headers.

    Implementation