From e8aad5ad93b825e892ee8dc7994eaedeca404cbb Mon Sep 17 00:00:00 2001 From: Kurt Hindenburg Date: Sun, 9 Feb 2014 13:25:22 -0500 Subject: [PATCH] Add some docs for using a .css file to control tab bar style --- doc/manual/index.docbook | 81 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 79 insertions(+), 2 deletions(-) diff --git a/doc/manual/index.docbook b/doc/manual/index.docbook index 9da41bb0..e31ec8eb 100644 --- a/doc/manual/index.docbook +++ b/doc/manual/index.docbook @@ -40,13 +40,13 @@ &Jonathan.Singer; -20052008200920102011 +200520082009201020112014 &Kurt.Hindenburg; &FDLNotice; -2014-02-04 +2014-02-09 2.13 (&kde; 4.13) &konsole; is &kde;'s terminal emulator. @@ -1273,6 +1273,83 @@ For more information, please visit + +Using Style Sheet for the Tab Bar + +The default style sheet for the tab bar settings the minimum and maximum tab +widths. The user can create a .css file and have Konsole use that as the +style sheet for the tab bar. In the .css file, the widget to use is +QTabBar::tab. + +For more information, consider reading +Qt Project page for Style Sheets + + + +Examples: + + + + + + + +Change the selected tab's background to a light gray + +QTabBar::tab:selected { + background: #999999 +} + + + + + +Change the selected tab's text to red + +QTabBar::tab:selected { + color: red +} + + + + +All tabs will be at least 200 pixels in width + +QTabBar::tab { + min-width: 200px +} + + + + +Only the selected tab will be at least 200 pixels in width + +QTabBar::tab::selected { + min-width: 200px +} + + + + +Any of these can be combined in one file + +QTabBar::tab::selected { + background: #999999; + color: red; + min-width: 200px; +} +QTabBar::tab { + min-width: 100px +} + + + + + + + + + Did You Know?, Common Issues and More