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
|
<?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 % British-English "INCLUDE"> <!-- change language only here -->
]>
<article lang="&language;">
<articleinfo>
<authorgroup>
<author>&Mike.McBride; &Mike.McBride.mail;</author>
<othercredit role="translator"><firstname>John</firstname><surname>Knight</surname><affiliation><address><email>[email protected]</email></address></affiliation><contrib>Conversion to British English</contrib></othercredit>
</authorgroup>
<date>2003-09-22</date>
<releaseinfo>3.2</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 &kde;.</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 colour of the widgets, you should refer to the section entitled <ulink url="help:/kcontrol/color/index.html">Colours</ulink>.</para>
<para>This panel is divided into three tabs: <guilabel>Style</guilabel>, <guilabel>Effects</guilabel>, <guilabel>Miscellaneous</guilabel>.</para>
<sect3 id="style-style">
<title><guilabel>Style</guilabel> tab</title>
<para>The top list box, labelled <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 the text of the button will appear in the button.</para>
</listitem>
</varlistentry>
<varlistentry>
<term><guilabel>Enable tooltips</guilabel></term>
<listitem>
<para>This will toggle tooltips off and on.</para>
</listitem>
</varlistentry>
<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>
</sect3>
<sect3 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 labelled <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 4 combo boxes: </para>
<variablelist>
<varlistentry>
<term><guilabel>Combobox effects</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 dialogue. 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 &kde; 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, labelled <guilabel>Menu drop shadow</guilabel> is used to toggle the drop shadow behind all &kde; 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 labelled <guilabel>Menu Effect</guilabel> is set to <guilabel>Make Transparent</guilabel>. You can use the combo box labelled <guilabel>Menu transparency type</guilabel> to select the method &kde; 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>
</sect3>
<sect3 id="style-misc">
<title><guilabel>Miscellaneous</guilabel> tab</title>
<para>This small section has six options.</para>
<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 tool bar buttons. If <guilabel>Text Only</guilabel> is selected, then the buttons 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>
</sect3>
</sect2>
</sect1>
</article>
|
