1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
|
<?xml version="1.0" ?>
<!DOCTYPE article PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//EN"
"dtd/kdex.dtd" [
<!ENTITY % addindex "IGNORE">
<!ENTITY % English "INCLUDE" > <!-- change language only here -->
]>
<article lang="&language;">
<articleinfo>
<authorgroup>
<author>&Mike.McBride; &Mike.McBride.mail;</author>
<!-- TRANS:ROLES_OF_TRANSLATORS -->
</authorgroup>
<date>2005-02-20</date>
<releaseinfo>3.4</releaseinfo>
<keywordset>
<keyword>KDE</keyword>
<keyword>KControl</keyword>
<keyword>style</keyword>
</keywordset>
</articleinfo>
<sect1 id="style">
<title>Style</title>
<sect2 id="style-intro">
<title>Introduction</title>
<para>This module is used to configure how the individual widgets are
drawn by &tde;.</para>
<note><para>A <emphasis>Widget</emphasis> is a commonly-used
programmer's term for referring to User Interface elements such as
buttons, menus, and scroll bars. You can think of them as the
fundamental pieces that are assembled to make your
application.</para></note>
<para>You can configure how the widgets are drawn with this module,
but to change the color of the widgets, you should refer to the
section entitled <ulink
url="help:/kcontrol/color/index.html">Colors</ulink>.</para>
<para>This panel is divided into three tabs: <guilabel>Style</guilabel>,
<guilabel>Effects</guilabel>, <guilabel>Toolbar</guilabel>.</para>
</sect2>
<sect2 id="style-style">
<title><guilabel>Style</guilabel> tab</title>
<para>The top list box, labeled <guilabel>Widget Style</guilabel>
contains a list of the pre-defined styles.
Each style has a name, and a brief description.</para>
<para>To change styles, simply click on the style name, and a preview
of the style will be displayed in the preview box below the style list.</para>
<para>The other options available here are:</para>
<variablelist>
<varlistentry>
<term><guilabel>Show icons on buttons</guilabel></term>
<listitem>
<para>If this option is selected, action buttons (like <guibutton>OK</guibutton> and
<guibutton>Apply</guibutton>) will have a small icon located within them to act
as a visual reference. If this option is not selected, then only text
will appear on the button.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Enable tooltips</guilabel></term>
<listitem>
<para>This will toggle tooltips off and on.</para>
</listitem>
</varlistentry>
</variablelist>
<!--
<varlistentry>
<term><guilabel>Menubar on the top of
the screen in the style of MacOS</guilabel></term>
<listitem>
<para>This will turn on a menubar at the top of the screen.
This menubar will reflect the menu options of the active
application.</para>
</listitem>
</varlistentry>
</variablelist>
-->
</sect2>
<sect2 id="style-effects">
<title><guilabel>Effects</guilabel> tab</title>
<para>If you click on the <guilabel>Effects</guilabel> tab, you will see the panel is divided
into two sections.</para>
<para>At the top of the first section, is a checkbox labeled <guilabel>Enable
GUI effects</guilabel>. If there is no mark in front of this checkbox, then all
visual effects of this panel are disabled. To edit any of these effects, simply
place a mark in this checkbox.</para>
<para>Below that checkbox, are the following choices: </para>
<variablelist>
<varlistentry>
<term><guilabel>Combobox effect:</guilabel></term>
<listitem><para>This combobox has two options. If this option is set to <guilabel>Animate</guilabel>
then when a combo box is selected, it will appear to scroll down. If <guilabel>Disable</guilabel>
is selected, then the combobox list appears instantly.</para></listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Tool tip effect:</guilabel></term>
<listitem><para>This combobox has three options. If this option is set to <guilabel>Animate</guilabel>
then when a tool tip appears, it will have a short animation. If <guilabel>Fade</guilabel> is
selected, the tool tip appears to fade from the background. If <guilabel>Disable</guilabel>
is selected, then the tool tip appears instantly.</para></listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Menu effect:</guilabel></term>
<listitem><para>This combobox has four options. If this option is set to <guilabel>Animate</guilabel>
then when a menu list appears, it will appear to scroll downward. If <guilabel>Fade</guilabel> is
selected, the menu list appears to fade from the background. If <guilabel>Make Transparent</guilabel>
is selected, the menu list will have a transparent look to it. The details of that transparency is
configured in the next part of the dialog. If <guilabel>Disable</guilabel>
is selected, then the menu list appears instantly.</para></listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Menu tear-off handles:</guilabel></term>
<listitem><para>If this option is set to <guilabel>Disable</guilabel>, then no menus can be separated
from the application. If <guilabel>Application Level</guilabel> is selected, then it is left up
to each individual application to determine which menus can be torn separated from the application.</para>
<note><para>Many applications do not have tear off menus. You cannot tell &tde; to force an
application to allow tear off menus. This is determined by the authors of the application.</para></note></listitem>
</varlistentry>
</variablelist>
<para>The next checkbox, labeled <guilabel>Menu drop shadow</guilabel> is used to toggle the drop shadow behind all
&tde; menus. A drop shadow is a dark, soft line on the bottom and right sides of the menu, which give the menus the
appearance that the menu is lifted off the application, and the menu is creating a shadow on the application.</para>
<para>The next section only applies if the combobox labeled <guilabel>Menu Effect</guilabel> is set to
<guilabel>Make Transparent</guilabel>. You can use the combo box labeled <guilabel>Menu transparency type:</guilabel>
to select the method &tde; uses to generate the transparency. You can use the slider to determine the level of
transparency in menus. A preview is visible on the right side of this section.</para>
</sect2>
<sect2 id="style-misc">
<title><guilabel>Toolbar</guilabel> tab</title>
<variablelist>
<varlistentry>
<term><guilabel>Highlight buttons under mouse.</guilabel></term>
<listitem>
<para>If there is a mark in this checkbox, when the mouse pointer is above a toolbar
button, that button will be highlighted with a square around the button. This is a good visual
indicator of which button will be selected with a mouse click.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Transparent toolbars when moving</guilabel></term>
<listitem>
<para>As the title suggests, if this option is selected, the toolbars will be transparent when
you are moving them around on the screen.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Text position</guilabel></term>
<listitem>
<para>This combo box lets you determine where on the button the text name of the button will appear as the default.
If <guilabel>Icon Only</guilabel> is selected, then there is no text on the toolbar buttons. If <guilabel>Text Only</guilabel> is selected, then the button's icon is replaced with a text name of the button. If <guilabel>Text Alongside Icons</guilabel> is selected, then the name of the button will be placed to the <emphasis>right</emphasis> of the icon. If <guilabel>Text Under Icons</guilabel> is selected, the default will be to have the text of the button <emphasis>below</emphasis> the icon.</para>
<tip><para>This option only specifies the <emphasis>default</emphasis> location. Each application can override the setting used in this panel.</para></tip>
</listitem>
</varlistentry>
</variablelist>
</sect2>
</sect1>
</article>
|
