Difference between revisions of "KDE Visual Design Group/HIG/Accordion"

m (3 revisions imported)
(Move notice)
Line 1: Line 1:
{{Note|This page is outdated, please refer to [[https://hig.kde.org/ https://hig.kde.org/]]}}
== Purpose ==
== Purpose ==

Latest revision as of 16:29, 5 February 2019

This page is outdated, please refer to [https://hig.kde.org/]


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.



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.


  • 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.


  • 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.


This page was last edited on 5 February 2019, at 16:29. Content is available under Creative Commons License SA 4.0 unless otherwise noted.