Projects/Usability/HIG/Accordion: Difference between revisions
(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 |
||
| (One intermediate revision by the same user not shown) | |||
| Line 16: | Line 16: | ||
* Make sure that accordion contains of at least one panel. | * Make sure that accordion contains of at least one panel. | ||
* Do not add more than five panels to an accordion. | * Do not add more than five panels to an accordion. | ||
* Do not allow more than one panel to be open at once. | |||
* Do not nest controls with primary navigation purpose into panels. | |||
=== Appearance === | === Appearance === | ||
* Each panel must contain a panel header with descriptive label. | * Each panel must contain a panel header with descriptive label. | ||
* Do not use icons in panel headers. | * Do not use icons in panel headers. | ||
* Do not add an outer scrollbar to the accordion; just scroll the content of one panel only. | |||
== Implementation == | == Implementation == | ||
[[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Grouping]] | |||
Revision as of 08:51, 28 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.
- Do not allow more than one panel to be open at once.
- Do not nest controls with primary navigation purpose into panels.
Appearance
- Each panel must contain a panel header with descriptive label.
- Do not use icons in panel headers.
- Do not add an outer scrollbar to the accordion; just scroll the content of one panel only.