Difference between revisions of "KDE Visual Design Group/HIG/Tabs Pages"

Jump to: navigation, search
(Tabbed Dialogs: Use new screenshots)
(Move notice)
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
==Tabs and Pages in Dialogs==
+
{{Note|This page is now on [[https://hig.kde.org/patterns/navigation/tab.html https://hig.kde.org/]]}}
 
+
'''General Guidelines'''
+
 
+
If a control affects only one tab or page in the dialog, place it on that tab/page. If it affects every tab/page in the dialog, place it outside, for example beside the window's OK and Cancel buttons.
+
 
+
Make sure changes on one tab will not change options on another tab.
+
 
+
===Tabbed Dialogs===
+
 
+
'''When to Use'''
+
 
+
Use tabbed dialogs when you have a limited number of tabs (max. 6).
+
If you cannot see all the tabs without scrolling or splitting them into multiple rows, you are probably using too many and should use a paged dialog instead.
+
 
+
[[File:Tabs_good.png]]
+
GOOD
+
 
+
[[File:Tabs_bad.png]]
+
BAD
+
 
+
===Paged Dialogs===
+
 
+
'''When to Use'''
+
 
+
Always use paged dialogs for configuration dialogs - assuming that there is more than one section of options to be configured.
+
For other dialogs, use paged dialogs if there are too many tabs to put them into a tabbed dialog.
+
 
+
[[File:Tabs_pages2.png]]
+
 
+
===Accessibility===
+
Do not assign accelerator keys to tab and paged dialog labels. Assign an access key to every other control on each page, however.
+
 
+
=== See Also ===
+
* [[KDE_Visual_Design_Group/HIG/Dialogs|Dialogs]]
+

Latest revision as of 19:36, 5 February 2019

Note-box-icon.png
 
Note
This page is now on [https://hig.kde.org/]

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