[kde-guidelines] Styleguide: Tabs

[Heiko Tietze]

Am 20.10.2013 04:36:09, schrieb Thomas Pfeiffer:
> On Friday 11 October 2013 15:10:14 Heiko Tietze wrote:
> > Am Freitag, 11. Oktober 2013, 10:43:44 schrieb Thomas Pfeiffer:
> > > If you select orientation east or west in the tab widget in Qt Designer,
> > > the tabs actually are rotated 90°, with labels written vertically.
> > 
> > OMG! That's what I never want to see.
> > 
> > > What is the advantage of paging via list view over tabs in your opinion?
> > 
> > * it has a plain but nice layout with fast orientation via big icons
> > primarily * I'd recommend it for simple pages (and trees for advanced use)
> > * lists have a fixed size and are not affected on resizing (where tabs might
> > not fit anymore)
> > * it's the KDE way of showing configuration (ie. KCM)
> 
> Sorry for not answering for so long.
> Did you have a look at the vertical tabs implementation in the tool option 
> docker in Calligra? What are the advantages of list views over those tabs?


I found a screenshot here: http://www.linux-community.de/var/ezwebin_site/storage/images/internal/artikel/print-artikel/linuxuser/2013/10/office-suite-calligra-2.7-im-ueberblick/abbildung-1/2221688-1-ger-DE/Abbildung-1_lightbox.png
Those are vertical tabs, right. Do they have an advantage? Perhaps it is easier to code compared with the list view. Quite contrary I recognize all problems with this UI. I'd say it's not conform with KDE style. Which is not a big issue for Calligra. 

Perhaps we should discourage using them:

* Do not use vertically stacked tabs. Tabs are drawn above the pages only (QTabWidget::TabPosition = North). If you want to group static pages use a list view with icons.
And remove:
* Always add icons of 48x48px to vertical tabs.

(I suppose that the underlying architecture is still a tabwidget/pagecontrol or whatever, but with hidden tabs.)

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.kde.org/pipermail/kde-guidelines/attachments/20131022/27ed72de/attachment.html>