Author: cluts
Date: 2008-05-14 07:17:37 -0400 (Wed, 14 May 2008)
New Revision: 8568
Added:
trunk/docs/userguide/en/src/main/resources/images/columnGroup_oc.png
trunk/docs/userguide/en/src/main/resources/images/columnGroup_pc.png
trunk/docs/userguide/en/src/main/resources/images/column_oc.png
trunk/docs/userguide/en/src/main/resources/images/column_pc.png
trunk/docs/userguide/en/src/main/resources/images/columns_oc.png
trunk/docs/userguide/en/src/main/resources/images/columns_pc.png
trunk/docs/userguide/en/src/main/resources/images/dropDownMenu_oc.png
trunk/docs/userguide/en/src/main/resources/images/panelBarItem_oc.png
trunk/docs/userguide/en/src/main/resources/images/panelBarItem_pc.png
trunk/docs/userguide/en/src/main/resources/images/panelBar_oc.png
trunk/docs/userguide/en/src/main/resources/images/panelBar_pc.png
trunk/docs/userguide/en/src/main/resources/images/panelMenuGroup_oc.png
trunk/docs/userguide/en/src/main/resources/images/panelMenuGroup_pc.png
trunk/docs/userguide/en/src/main/resources/images/panelMenuItem_oc.png
trunk/docs/userguide/en/src/main/resources/images/panelMenuItem_pc.png
trunk/docs/userguide/en/src/main/resources/images/subTable_oc.png
trunk/docs/userguide/en/src/main/resources/images/subTable_pc.png
trunk/docs/userguide/en/src/main/resources/images/toggleControl_oc.png
trunk/docs/userguide/en/src/main/resources/images/toggleControl_pc.png
Modified:
trunk/docs/userguide/en/src/main/docbook/included/column.xml
trunk/docs/userguide/en/src/main/docbook/included/columnGroup.xml
trunk/docs/userguide/en/src/main/docbook/included/columns.xml
trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml
trunk/docs/userguide/en/src/main/docbook/included/contextMenu.xml
trunk/docs/userguide/en/src/main/docbook/included/datascroller.xml
trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml
trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml
trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml
trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml
trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml
trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml
trunk/docs/userguide/en/src/main/docbook/included/orderingList.xml
trunk/docs/userguide/en/src/main/docbook/included/panel.xml
trunk/docs/userguide/en/src/main/docbook/included/panelBar.xml
trunk/docs/userguide/en/src/main/docbook/included/panelBarItem.xml
trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml
trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml
trunk/docs/userguide/en/src/main/docbook/included/pickList.xml
trunk/docs/userguide/en/src/main/docbook/included/progressBar.xml
trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml
trunk/docs/userguide/en/src/main/docbook/included/subTable.xml
trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml
trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml
trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml
trunk/docs/userguide/en/src/main/docbook/included/toolTip.xml
Log:
RF-1052 - done for column, columnGroup, columns, dropDownMenu(added second example and
screen), panelBar, panelBarItem, panelMenuGroup, panelMenuItem, subTable, toggleControl;
corrected attribute names for combobox, contextMenu, datascroller, fileUpload,
inplaceInput, listShuttle, menuGroup, modalPanel, orderingList, pickList, progressBar,
simpleTogglePanel, suggestionbox, toolBar, toolTip.
Modified: trunk/docs/userguide/en/src/main/docbook/included/column.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/column.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/column.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -506,14 +506,63 @@
<para>In order to redefine styles for all <emphasis
role="bold">
<property><rich:column></property>
</emphasis> components on a page using CSS, it's enough to create
classes with the
- same names and define necessary properties in them.</para>
+ same names (possible classes could be found in the tables <link
linkend="SPR"> above</link>) and define necessary properties in them.
</para>
- <para>To change styles of particular <emphasis role="bold">
- <property><rich:column></property>
- </emphasis> components, define your own style classes in the corresponding
<emphasis
- role="bold">
- <property><rich:column></property>
- </emphasis>attributes.</para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.rich-table-cell{
+ font-style: italic;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/column_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example cells font style was changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:column></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:column></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass{
+ font-weight: bolder;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"styleClass"</property></emphasis>
attribute for <emphasis role="bold"
+ ><property><rich:column>
</property></emphasis> is defined as it’s shown in the example
below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:column
styleClass="myClass">
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/column_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the font weight for second
column was changed.</para>
</section>
<section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/columnGroup.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/columnGroup.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/columnGroup.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -221,14 +221,63 @@
<para>In order to redefine styles for all <emphasis
role="bold">
<property><rich:columnGroup></property>
</emphasis> components on a page using CSS, it's enough to create
classes with the
- same names and define necessary properties in them.</para>
+ same names (possible classes could be found in the tables <link
linkend="SPR"> above</link>) and define necessary properties in them.
</para>
- <para>To change styles of particular <emphasis
role="bold">
- <property><rich:columnGroup></property>
- </emphasis> components, define your own style classes in the corresponding
<emphasis
- role="bold">
- <property><rich:columnGroup></property>
- </emphasis>attributes.</para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.rich-table-cell{
+ color: #316ac5;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/columnGroup_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example cells color was changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:columnGroup></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:columnGroup></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass{
+ background-color: #c0c0c0;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"columnClasses"</property></emphasis>
attribute for <emphasis role="bold"
+ ><property><rich:columnGroup>
</property></emphasis> is defined as it’s shown in the example
below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:columnGroup
columnClasses="myClass">
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/columnGroup_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the background color for
columns was changed.</para>
</section>
<section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/columns.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/columns.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/columns.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -283,14 +283,63 @@
<para>In order to redefine styles for all <emphasis
role="bold">
<property><rich:columns></property>
</emphasis> components on a page using CSS, it's enough to create
classes with the
- same names and define necessary properties in them.</para>
+ same names (possible classes could be found in the tables <link
linkend="SPR"> above</link>) and define necessary properties in them.
</para>
- <para>To change styles of particular <emphasis
role="bold">
- <property><rich:columns></property>
- </emphasis> components, define your own style classes in the corresponding
<emphasis
- role="bold">
- <property><rich:columns></property>
- </emphasis>attributes.</para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.rich-table-subheadercell{
+ color: #a0a0a0;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/columns_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example column header cells color was changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:columns></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:columns></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass {
+ font-style: oblique;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"styleClass"</property></emphasis>
attribute for <emphasis role="bold"
+ ><property><rich:columns>
</property></emphasis> is defined as it’s shown in the example
below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:columns
styleClass="myClass">
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/columns_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the font style for columns
was changed.</para>
</section>
<section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -888,7 +888,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:comboBox></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:comboBox></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:comboBox></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
@@ -910,7 +910,7 @@
<para>This is a result:</para>
<figure>
- <title>Redefinition styles with own classes and
<emphasis><property>"listClass"</property></emphasis>
attributes</title>
+ <title>Redefinition styles with own classes and
<emphasis><property>"styleClass"</property></emphasis>
attributes</title>
<mediaobject>
<imageobject>
<imagedata fileref="images/combobox_oc.png"/>
Modified: trunk/docs/userguide/en/src/main/docbook/included/contextMenu.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/contextMenu.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/contextMenu.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -585,7 +585,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:contextMenu></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:contextMenu></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:contextMenu></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Modified: trunk/docs/userguide/en/src/main/docbook/included/datascroller.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/datascroller.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/datascroller.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -468,7 +468,7 @@
<title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
<mediaobject>
<imageobject>
- <imagedata fileref="images/datascroller_on.png"/>
+ <imagedata fileref="images/datascroller_oc.png"/>
</imageobject>
</mediaobject>
</figure>
Modified: trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -643,7 +643,39 @@
</figure>
<para>In the example a label select background color and border color were
changed.</para>
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:dropDownMenu></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:dropDownMenu></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass{
+ font-style: italic;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"itemClass"</property></emphasis>
attribute for <emphasis role="bold"
+
><property><rich:dropDownMenu></property></emphasis> is
defined as it’s shown in the example below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:dropDownMenu ...
itemClass="myClass"/>
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/dropDownMenu_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the font style for items was
changed.</para>
</section>
<section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/fileUpload.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -875,7 +875,7 @@
<para>
Also it’s possible to change styles of particular <emphasis
role="bold"><property><rich:fileUpload></property></emphasis>
component.
In this case you should create own style classes and use them in the
corresponding <emphasis
role="bold"><property><rich:fileUpload></property></emphasis>
- <property>styleClass</property> attributes. An example is placed
below:
+ <emphasis><property>styleClass</property></emphasis>
attributes. An example is placed below:
</para>
<para>
<emphasis role="bold">Example:</emphasis>
@@ -897,7 +897,7 @@
<para>This is the result:</para>
<figure>
- <title>Redefinition styles with own classes and styleClass
attributes</title>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
<mediaobject>
<imageobject>
<imagedata fileref="images/fileUpload10.png"/>
Modified: trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -743,7 +743,7 @@
<para>
It's aslo possible to change styles of a particular <emphasis
role="bold">
<property><rich:inplaceInput></property></emphasis>
component.
In this case you should create own style classes and use them in corresponding
- <emphasis
role="bold"><property><rich:inplaceInput></property></emphasis><property>styleClass</property>
attributes.
+ <emphasis
role="bold"><property><rich:inplaceInput></property></emphasis><emphasis><property>styleClass</property></emphasis>
attributes.
An example is placed below:
</para>
<para>
Modified: trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -1171,7 +1171,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:listShuttle></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:listShuttle></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:listShuttle></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Modified: trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -368,7 +368,7 @@
border: none;
}
...]]></programlisting>
- <para>The
<emphasis><property>"styleClass"</property></emphasis>
attribute for <emphasis role="bold"
+ <para>The
<emphasis><property>"selectClass"</property></emphasis>
attribute for <emphasis role="bold"
<property><rich:menuGroup></property></emphasis>
is defined as it’s shown in the example below:</para>
<para>
Modified: trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -627,7 +627,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:modalPanel></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:modalPanel></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:modalPanel></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Modified: trunk/docs/userguide/en/src/main/docbook/included/orderingList.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/orderingList.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/orderingList.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -1150,7 +1150,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:orderingList></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:orderingList></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:orderingList></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Modified: trunk/docs/userguide/en/src/main/docbook/included/panel.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/panel.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/panel.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -145,7 +145,7 @@
<para>As it has been mentioned <link
linkend="panel">above</link>, the component is mostly used for a page
style definition,
hence the main attributes are style ones.</para>
<itemizedlist>
- <listitem><para><emphasis><property>
"styleClass" </property></emphasis>and
"style" </para></listitem>
+ <listitem><para><emphasis><property>
"styleClass" </property></emphasis>and
<emphasis><property>"style"</property></emphasis>
</para></listitem>
<listitem><para><emphasis><property>
"headerClass"
</property></emphasis>and<emphasis><property>
"headerStyle"
</property></emphasis></para></listitem>
<listitem><para><emphasis><property>
"bodyClass"
</property></emphasis>and<emphasis><property>
"bodyStyle"
</property></emphasis></para></listitem>
</itemizedlist>
Modified: trunk/docs/userguide/en/src/main/docbook/included/panelBar.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/panelBar.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/panelBar.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -167,7 +167,7 @@
</imageobject>
</mediaobject>
</figure>
- <table>
+ <table id="tab_pB">
<title>Class name that define a component appearance</title>
<tgroup cols="2">
<thead>
@@ -216,63 +216,67 @@
</tgroup>
</table>
<para>In order to redefine styles for all <emphasis
role="bold">
- <property><rich:panelBar></property>
- </emphasis> components on a page using CSS, it's enough to
create classes with
- the same names and define necessary properties in them.</para>
-
- <para>To change styles of particular <emphasis
role="bold">
- <property><rich:panelBar></property>
- </emphasis> components, define your own style classes in the
corresponding <emphasis
- role="bold">
- <property><rich:panelBar></property>
- </emphasis>attributes.</para>
- <para>CSS code piece used on a page:</para>
-
+ <property><rich:panelBar></property>
+ </emphasis> components on a page using CSS, it's enough to create
classes with the
+ same names (possible classes could be found in the tables <link
linkend="tab_pB"> above</link>) and define necessary properties in
them. </para>
+
<para>
<emphasis role="bold">Example:</emphasis>
</para>
<programlisting role="CSS"><![CDATA[...
- . rich-panelbar{
- padding:10px;
- }
- .myClass{
- font-style:italic;
- }
-...
-]]></programlisting>
- <para>When using headerClass and headerClassActive attributes the
declaration of headerClass
- should precede the one of headerClassActive:</para>
-
+.rich-panelbar{
+ font-style: italic;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelBar_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example a header font style was changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:panelBar></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:panelBar></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
<para>
<emphasis role="bold">Example:</emphasis>
</para>
<programlisting role="CSS"><![CDATA[...
- .headerClass{
- ...
- }
- .headerClassActive{
- ...
- }
-...
-]]></programlisting>
- <para>The component is defined in the following way:</para>
+.myClass{
+ color: #900000;
+ font-size: 14px;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"contentClass"</property></emphasis>
attribute for <emphasis role="bold"
+
><property><rich:panelBar></property></emphasis> is
defined as it’s shown in the example below:</para>
+
<para>
<emphasis role="bold">Example:</emphasis>
</para>
- <programlisting role="XML"><![CDATA[...
- <rich:panelBar contentClass="myClass">
- <rich:panelBarItem>
- ...
- </rich:panelBarItem>
- </rich:panelBar>
-...
-]]></programlisting>
- <para>Hence, padding for all <emphasis role="bold">
- <property><rich:panelBar></property>
- </emphasis> is changed on a page as well as a font for particular
- <emphasis role="bold">
- <property><rich:panelBarItem></property>
- </emphasis> content.</para>
+ <programlisting role="CSS"><![CDATA[<rich:panelBar ...
contentClass="myClass"/>
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelBar_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the font size and color for
content were changed.</para>
+
</section>
<section>
<title>Relevant Resources Links</title>
Modified: trunk/docs/userguide/en/src/main/docbook/included/panelBarItem.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/panelBarItem.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/panelBarItem.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -259,48 +259,64 @@
</table>
<para>In order to redefine styles for all <emphasis
role="bold">
- <property><rich:panelBarItem></property>
- </emphasis> components on a page using CSS, it's enough to create
classes with the
- same names and define necessary properties in them.</para>
-
- <para>To change styles of particular <emphasis role="bold">
- <property><rich:panelBarItem></property>
- </emphasis> components, define your own style classes in the corresponding
<emphasis
- role="bold">
- <property><rich:panelBarItem></property>
- </emphasis>attributes.</para>
- <para>CSS code piece used on a page:</para>
-
+ <property><rich:panelBarItem></property>
+ </emphasis> components on a page using CSS, it's enough to create
classes with the
+ same names (possible classes could be found in the tables <link
linkend="tab_pBI"> above</link>) and define necessary properties in
them. </para>
+
<para>
<emphasis role="bold">Example:</emphasis>
</para>
<programlisting role="CSS"><![CDATA[...
- .rich-panelbar-header{
- font-size:14px;
- }
- .myClass{
- font-style:italic;
- }
-...
-]]></programlisting>
- <para>The component is defined in the following way:</para>
-
+.rich-panelbar-header{
+ font-style: italic;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelBarItem_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example a header font style was changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:panelBarItem></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:panelBarItem></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
<para>
<emphasis role="bold">Example:</emphasis>
</para>
- <programlisting role="XML"><![CDATA[...
- <rich:panelBar>
- <rich:panelBarItem contentClass="myClass">
- ...
- </rich:panelBarItem>
- </rich:panelBar>
-...
-]]></programlisting>
- <para>Hence, a font size of all <emphasis role="bold">
- <property><rich:panelBarItem></property>
- </emphasis> headers is changed on a page as well as a font for the particular
<emphasis
- role="bold">
- <property><rich:panelBarItem></property>
- </emphasis> content.</para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass{
+ font-style: italic;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"contentClass"</property></emphasis>
attribute for <emphasis role="bold"
+
><property><rich:panelBarItem></property></emphasis> is
defined as it’s shown in the example below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:panelBarItem ...
contentClass="myClass"/>
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelBarItem_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the font style for content was
changed.</para>
</section>
</section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml 2008-05-14
09:21:23 UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml 2008-05-14
11:17:37 UTC (rev 8568)
@@ -544,14 +544,64 @@
<para>In order to redefine styles for all <emphasis
role="bold">
<property><rich:panelMenuGroup></property>
</emphasis> components on a page using CSS, it's enough to create
classes with the
- same names and define necessary properties in them.</para>
+ same names (possible classes could be found in the tables <link
linkend="panelMenuC"> above</link>) and define necessary properties in
them. </para>
- <para>To change styles of particular <emphasis role="bold">
- <property><rich:panelMenuGroup></property>
- </emphasis> components, define your own style classes in the corresponding
<emphasis
- role="bold">
- <property><rich:panelMenuGroup></property>
- </emphasis>attributes.</para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.rich-pmenu-disabled-element{
+ color: #87b9ff;
+ font-style: italic;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelMenuGroup_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example a disabled element font style and color were
changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:panelMenuGroup></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:panelMenuGroup></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass{
+ font-style: italic;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"hoverClass"</property></emphasis>
attribute for <emphasis role="bold"
+
><property><rich:panelMenuGroup></property></emphasis>
is defined as it’s shown in the example below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:panelMenuGroup ...
hoverClass="myClass"/>
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelMenuGroup_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the font style for hovered item
was changed.</para>
</section>
<section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml 2008-05-14
09:21:23 UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml 2008-05-14
11:17:37 UTC (rev 8568)
@@ -465,14 +465,63 @@
<para>In order to redefine styles for all <emphasis
role="bold">
<property><rich:panelMenuItem></property>
</emphasis> components on a page using CSS, it's enough to create
classes with the
- same names and define necessary properties in them.</para>
+ same names (possible classes could be found in the tables <link
linkend="panelMenuC"> above</link>) and define necessary properties in
them. </para>
- <para>To change styles of particular <emphasis role="bold">
- <property><rich:panelMenuItem></property>
- </emphasis> components, define your own style classes in the corresponding
<emphasis
- role="bold">
- <property><rich:panelMenuItem></property>
- </emphasis>attributes.</para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.rich-pmenu-hovered-element {
+ background-color: #ff7800;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelMenuItem_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example a hovered element background color was
changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:panelMenuItem></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:panelMenuItem></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass {
+ color: #a0a0a0;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"disabledClass"</property></emphasis>
attribute for <emphasis role="bold"
+
><property><rich:panelMenuItem></property></emphasis>
is defined as it’s shown in the example below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:panelMenuItem ...
disabledClass="myClass"/>
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelMenuItem_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the text color for disabled
item was changed.</para>
</section>
<section>
<title>Relevant resources links</title>
Modified: trunk/docs/userguide/en/src/main/docbook/included/pickList.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/pickList.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/pickList.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -908,7 +908,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:pickList></property></emphasis>
component. In this case you should create own style classes and use them in the
corresponding <emphasis role="bold"
-
><property><rich:pickList></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:pickList></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
@@ -930,7 +930,7 @@
<para>This is a result:</para>
<figure>
- <title>Redefinition styles with own classes and styleClass
attributes</title>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
<mediaobject>
<imageobject>
<imagedata fileref="images/pickListStyle.png"/>
Modified: trunk/docs/userguide/en/src/main/docbook/included/progressBar.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/progressBar.xml 2008-05-14 09:21:23
UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/progressBar.xml 2008-05-14 11:17:37
UTC (rev 8568)
@@ -704,7 +704,7 @@
<para>It's aslo possible to change styles of a particular
<emphasis role="bold">
<property><rich:progressBar></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
- <emphasis
role="bold"><property><rich:progressBar></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+ <emphasis
role="bold"><property><rich:progressBar></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
</para>
Modified: trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml 2008-05-14
09:21:23 UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml 2008-05-14
11:17:37 UTC (rev 8568)
@@ -343,7 +343,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:simpleTogglePanel></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:simpleTogglePanel></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:simpleTogglePanel></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Modified: trunk/docs/userguide/en/src/main/docbook/included/subTable.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/subTable.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/subTable.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -175,7 +175,7 @@
<section>
<title>Definition of Custom Style Classes</title>
- <table>
+ <table id="tab_sT">
<title>Classes names that define a component appearance</title>
<tgroup cols="2">
<thead>
@@ -295,15 +295,64 @@
</mediaobject>
</figure>
<para>In order to redefine styles for all <emphasis
role="bold">
- <property><rich:subTable></property>
- </emphasis> components on a page using CSS, it's enough to create
classes with the
- same names and define necessary properties in them.</para>
-
- <para>To change styles of particular <emphasis role="bold">
- <property><rich:subTable></property>
- </emphasis> components, define your own style classes in the corresponding
<emphasis
- role="bold">
- <property><rich:subTable></property>
- </emphasis>attributes.</para>
+ <property><rich:subTable></property>
+ </emphasis> components on a page using CSS, it's enough to create
classes with the
+ same names (possible classes could be found in the tables <link
linkend="tab_sT"> above</link>) and define necessary properties in
them. </para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.rich-subtable-footer{
+ font-weight: bold;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/subTable_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example a footer font weight was changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+ ><property><rich:subTable></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:subTable></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass{
+ background-color: #fff5ec;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"columnClasses"</property></emphasis>
attribute for <emphasis role="bold"
+ ><property><rich:subTable></property></emphasis>
is defined as it’s shown in the example below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:subTable ...
columnClasses="myClass"/>
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/subTable_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the background color for
columns was changed.</para>
</section>
</section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml 2008-05-14
09:21:23 UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml 2008-05-14
11:17:37 UTC (rev 8568)
@@ -537,7 +537,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:suggestionBox></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:suggestionBox></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:suggestionBox></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
@@ -548,7 +548,7 @@
}
...]]></programlisting>
<para>The
<emphasis><property>"selectedClass"</property></emphasis>
attribute for <emphasis role="bold"
-
><property><rich:simpleTogglePanel></property></emphasis>
is defined as it’s shown in the example below:</para>
+
><property><rich:suggestionBox></property></emphasis>
is defined as it’s shown in the example below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Modified: trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml 2008-05-14
09:21:23 UTC (rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml 2008-05-14
11:17:37 UTC (rev 8568)
@@ -132,7 +132,7 @@
<section>
<title>Definition of Custom Style Classes</title>
- <table>
+ <table id="tab_tC">
<title>Classes names that define a component appearance</title>
<tgroup cols="2">
<thead>
@@ -152,14 +152,63 @@
</table>
<para>In order to redefine styles for all <emphasis
role="bold">
<property><rich:toggleControl></property>
- </emphasis> components on a page using CSS, it's enough to create a
class with the
- same name and define necessary properties in it.</para>
+ </emphasis> components on a page using CSS, it's enough to create
classes with the
+ same names (possible classes could be found in the tables <link
linkend="tab_tC"> above</link>) and define necessary properties in
them. </para>
- <para>To change styles of particular <emphasis role="bold">
- <property><rich:toggleControl></property>
- </emphasis> components define your own style class in the corresponding
<emphasis
- role="bold">
- <property><rich:toggleControl></property>
- </emphasis>attributes.</para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.rich-tglctrl {
+ font-family: monospace;
+}
+...]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with predefined classes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/toggleControl_pc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>In the example font family was changed.</para>
+
+ <para>Also it’s possible to change styles of particular <emphasis
role="bold"
+
><property><rich:toggleControl></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
+
><property><rich:toggleControl></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[...
+.myClass {
+ font-style: italic;
+}
+...]]></programlisting>
+ <para>The
<emphasis><property>"styleClass"</property></emphasis>
attribute for <emphasis role="bold"
+
><property><rich:toggleControl></property></emphasis>
is defined as it’s shown in the example below:</para>
+
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="CSS"><![CDATA[<rich:toggleControl ...
styleClass="myClass"/>
+]]></programlisting>
+
+ <para>This is a result:</para>
+
+ <figure>
+ <title>Redefinition styles with own classes and
<emphasis><property>styleClass</property></emphasis>
attributes</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/toggleControl_oc.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para>As it could be seen on the picture above, the font style was
changed.</para>
</section>
</section>
\ No newline at end of file
Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -282,7 +282,7 @@
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:toolBar></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:toolBar></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+
><property><rich:toolBar></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Modified: trunk/docs/userguide/en/src/main/docbook/included/toolTip.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/toolTip.xml 2008-05-14 09:21:23 UTC
(rev 8567)
+++ trunk/docs/userguide/en/src/main/docbook/included/toolTip.xml 2008-05-14 11:17:37 UTC
(rev 8568)
@@ -376,7 +376,7 @@
<para>In the example a tool tip background color, border color and font style
were changed.</para>
<para>Also it’s possible to change styles of particular <emphasis
role="bold"
<property><rich:toolTipl></property></emphasis>
component. In this case you should create own style classes and use them in corresponding
<emphasis role="bold"
-
><property><rich:toolTip></property></emphasis>
<property>styleClass</property> attributes. An example is placed
below:</para>
+ ><property><rich:toolTip></property></emphasis>
<emphasis><property>styleClass</property></emphasis> attributes.
An example is placed below:</para>
<para>
<emphasis role="bold">Example:</emphasis>
Added: trunk/docs/userguide/en/src/main/resources/images/columnGroup_oc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/columnGroup_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/columnGroup_pc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/columnGroup_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/column_oc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/column_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/column_pc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/column_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/columns_oc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/columns_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/columns_pc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/columns_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/dropDownMenu_oc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/dropDownMenu_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelBarItem_oc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/panelBarItem_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelBarItem_pc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/panelBarItem_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelBar_oc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/panelBar_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelBar_pc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/panelBar_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelMenuGroup_oc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/panelMenuGroup_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelMenuGroup_pc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/panelMenuGroup_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelMenuItem_oc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/panelMenuItem_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/panelMenuItem_pc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/panelMenuItem_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/subTable_oc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/subTable_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/subTable_pc.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/subTable_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/toggleControl_oc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/toggleControl_oc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/docs/userguide/en/src/main/resources/images/toggleControl_pc.png
===================================================================
(Binary files differ)
Property changes on:
trunk/docs/userguide/en/src/main/resources/images/toggleControl_pc.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream