Some apps want to show a sidebar with many different pages or views that can be navigated through tabs.. The mean of navigation of those sidebars is often inconsistent through them and should be unified.
{F6887599}
Notable implementations and proposed implementations are:
# Horizontal tabs that become icons-only when the text would be elided #
Okular mobile uses this style, though with custom QML code rather than QDockWidgets (which don't exist in Kirigami)
{F7338124}
{F7338126}
##Pros:##
- Each view accessible with a single click
- Uses little space and can be integrated into the sidebar itself
- Responsive UI that adapts to the amount of space by showing text in the tabs when there's enough room
##Cons:##
- No text when there are a lot of tabs or when the view is narrow
# Vertical tabs or buttons on the left of the sidebar that can be clicked on to hide the sidebar #
This is what Kate and KDevelop do.
{F7336770}
##Pros:##
- High UI flexibility (they can be moved around, hidden, added, etc...)
- Can accommodate many tabs
- Can easily hide the sidebar without needing to rely on a toolbar button or menubar item elsewhere in the app
##Cons:##
- Dated appearance
- Visually awkward because the user has to read sideways
- No way to hide just the category chooser to save space but keep the sidebar visible (and even if there was, then there would be no visible way to switch the sidebar's current view)
# Combo box on the top of the sidebar that lists its different categories/views #
{F7336777}
##Pros:##
- Horizontal text and icons
- Uses little space and can be integrated into the sidebar itself
- Can accommodate many categories/views
##Cons:##
- Switching categories/views is somewhat slow (requires two clicks or a click-and-drag) on a small click target
- Presence of other categories/views is non-obvious because they're hidden behind the combo box's popup
# Rejected implementations: #
# Wide sidebar with large icons and text underneath #
**Rejected because having two sidebars side-by-side is weird and takes up too much space**
This is what Calligra and Okular currently do (...in different ways, though). It's also what we do for all settings sidebars.
{F7336774}
{F7324540}
##Pros:##
- Attractive when implemented using colorful icons in a KPageWidget with a white background, as in settings windows
- Horizontal text and icons
- Can accommodate many categories/views
##Cons:##
- Uses a lot of horizontal space; feels like too much in conjunction with a second sidebar next to it that displays content
- No way to hide just the category chooser to save space but keep the sidebar visible (and even if there was, then there would be no visible way to switch the sidebar's current view)
# Use collapsible and re-arrange-able headers that are visible all time #
**Rejected because this works best for when you want to see multiple small views, but not for the general case of switching between views**
This is what we want to do for Dolphin's Places panel, see https://bugs.kde.org/show_bug.cgi?id=389803 and https://bugs.kde.org/show_bug.cgi?id=389803
macOS Finder and ElementaryOS Pantheon Files have this.
{F7337559}
##Pros:##
- Horizontal text and icons
- Can accommodate many categories/views
- Can show multiple categories/views at once
##Cons:##
- Amount of content capable of being shown in each category/view is limited; not suitable for rich views like Okular's thumbnail list
- Would require a bunch of custom code since nothing like this is currently implemented
# Small toolbar on the top of the sidebar with mutually-exclusive icons-only toolbuttons or a segmented control #
**Rejected because this is basically the same as the `QDockWidget` idea when using a responsive design that shows text on;y when there's soom**
##Pros:##
- Each view accessible with a single click
- Uses little space and can be integrated into the sidebar itself
##Cons:##
- No text label; could be hard to tell what the categories are from their icons alone