Author: vkorluzhenko Date: 2007-10-09 12:09:31 -0400 (Tue, 09 Oct 2007) New Revision: 3302 Modified: trunk/docs/userguide/en/src/main/docbook/included/calendar.xml 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/dataDefinitionList.xml trunk/docs/userguide/en/src/main/docbook/included/dataGrid.xml trunk/docs/userguide/en/src/main/docbook/included/dataList.xml trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml trunk/docs/userguide/en/src/main/docbook/included/dataTable.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/gmap.xml trunk/docs/userguide/en/src/main/docbook/included/inputNumberSlider.xml trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml trunk/docs/userguide/en/src/main/docbook/included/message.xml trunk/docs/userguide/en/src/main/docbook/included/messages.xml trunk/docs/userguide/en/src/main/docbook/included/modalPanel.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/simpleTogglePanel.xml trunk/docs/userguide/en/src/main/docbook/included/suggestionBox.xml trunk/docs/userguide/en/src/main/docbook/included/tab.xml trunk/docs/userguide/en/src/main/docbook/included/tabPanel.xml trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml trunk/docs/userguide/en/src/main/docbook/included/tree.xml trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml trunk/docs/userguide/en/src/main/docbook/included/virtualEarth.xml Log: http://jira.jboss.com/jira/browse/RF-771 Correcting Definition custom styles classes for components: <rich:column>, <rich:columnGroup>, <rich:dataList>, <rich:datascroller>, <rich:dropDownMenu>,<rich:gmap>, <rich:inputNumberSlider>, <rich:inputNumberSpiner>, menuGroup, dataList, dataOrderedList, dataDefinitionList, menuSeparator, dataTable. done by Olga Chikvina Modified: trunk/docs/userguide/en/src/main/docbook/included/calendar.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/calendar.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/calendar.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -1006,14 +1006,14 @@ </tgroup> </table> - <para>In order to redefine the style for all <emphasis role="bold"> + <para>In order to redefine styles for all <emphasis role="bold"> <property>&lt;rich:calendar&gt;</property> </emphasis> components on a page using CSS, it&apos;s enough to create classes with the - same names and define the necessary properties in them.</para> + same names and define necessary properties in them.</para> - <para>To change the style of particular <emphasis role="bold"> + <para>To change styles of particular <emphasis role="bold"> <property>&lt;rich:calendar&gt;</property> - </emphasis> components define your own style classes in the corresponding <emphasis + </emphasis> components, define your own style classes in the corresponding <emphasis role="bold"> <property>&lt;rich:calendar&gt;</property> </emphasis>attributes.</para> Modified: trunk/docs/userguide/en/src/main/docbook/included/column.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/column.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/column.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -198,10 +198,19 @@ <section> <title>Definition of Custom Style Classes</title> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:column&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:column&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:column&gt;</property> + </emphasis>attributes.</para> + </section> - <para>To redefine an appearance of all <property>columns</property> on a page, redefine the corresponding class in the CSS file used with the page.</para> - <para>To redefine a style of a particular page, use component class attributes which list is the same as the <property>column</property> one and is known to you.</para> - </section> <section> <title>Relevant Resources Links</title> <para><ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/dataTable.j... Modified: trunk/docs/userguide/en/src/main/docbook/included/columnGroup.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/columnGroup.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/columnGroup.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -183,10 +183,17 @@ <section> <title>Definition of Custom Style Classes</title> - <para>To redefine an appearance of all <property>columnGroups</property> on a page, redefine the corresponding class in the - CSS file used with the page.</para> - <para>To redefine a style of a particular page, use component class attributes which list is the same - as the columnGroup one and is known to you.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:columnGroup&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:columnGroup&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:columnGroup&gt;</property> + </emphasis>attributes.</para> </section> <section> Modified: trunk/docs/userguide/en/src/main/docbook/included/dataDefinitionList.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dataDefinitionList.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/dataDefinitionList.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -152,8 +152,17 @@ </tgroup> </table> - <para>To redefine an appearance of all <property>dataDefinitionLists</property> on a page, just redefine one of this classes.</para> - <para>To redefine a style of a particular <property>dataDefinitionList</property>, use corresponding class attributes on the component.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:dataDefinitionList&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:dataDefinitionList&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:dataDefinitionList&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/dataGrid.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dataGrid.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/dataGrid.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -121,10 +121,17 @@ - <para>To redefine an appearance of all <property>dataGrids</property> on a page, redefine the corresponding class in - the CSS file used with the page.</para> - <para>To redefine a style of a particular table, use <emphasis ><property>&quot;component class&quot;</property></emphasis> attributes which list is the same - as the <property>dataTable</property> one and is known to you.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:dataGrid&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:dataGrid&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:dataGrid&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/dataList.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dataList.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/dataList.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -149,8 +149,17 @@ </table> - <para>To redefine an appearance of all <property>dataLists</property> on a page, just redefine one of this classes.</para> - <para>To redefine a style of a particular dataList, use corresponding class attributes on the component.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:dataList&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:dataList&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:dataList&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -147,8 +147,17 @@ </tgroup> </table> - <para>To redefine an appearance of all <property>dataOrderedLists</property> on a page,just redefine one of this classes.</para> - <para>To redefine a style of a particular dataOrderedList, use corresponding class attributes on the component.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:dataOrderedList&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:dataOrderedList&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:dataOrderedList&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/dataTable.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dataTable.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/dataTable.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -321,12 +321,17 @@ </tbody> </tgroup> </table> - <para>To redefine an appearance of all <property>tables</property> on a page, redefine the - corresponding class in the CSS file used with the page.</para> - <para>To redefine a style of a particular page, use <emphasis> - <property>&quot;component class&quot;</property> - </emphasis> attributes which list is the same as the <property>dataTable</property> one and is - known to you.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:dataTable&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:dataTable&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:dataTable&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/datascroller.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/datascroller.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/datascroller.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -389,9 +389,17 @@ </tbody> </tgroup> </table> - <para>To redefine an appearance of all scrollers on a page, just redefine one of these classes</para> - <para>And to redefine the appearance of the particular scroller, one may use corresponding class - attributes on the component.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:datascroller&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:datascroller&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:datascroller&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -546,11 +546,17 @@ </tgroup> </table> - <para>In order to redefine the style for all drop-down menus on a page using CSS, it's enough to - create classes with the same names and define the necessary properties in them.</para> - - <para>To change the style peculiarities of the particular drop-down menus define your own style - classes in the corresponding dropDownMenu attributes.</para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:dropDownMenu&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:dropDownMenu&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:dropDownMenu&gt;</property> + </emphasis>attributes.</para> </section> <section> Modified: trunk/docs/userguide/en/src/main/docbook/included/gmap.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/gmap.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/gmap.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -163,9 +163,35 @@ </section> <section> <title>Definition of Custom Style Classes</title> - <para>rich-gmap is a predefined style class for the map. It&apos;s possible to define some - standard properties for all <property>maps</property> components on a page (padding, border, - etc.) with the definition of the component.</para> + <table> + <title>Classes names that define a map appearance</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-gmap</entry> + <entry>Defines styles for a wrapper &lt;div&gt; element for a gmap</entry> + </row> + </tbody> + </tgroup> + </table> + + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:gmap&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create class with the + same name and define necessary properties in it.</para> + + <para>To change styles of particular <emphasis role="bold"> + <property>&lt;rich:gmap&gt;</property> + </emphasis> components, define your own style class in the corresponding <emphasis + role="bold"> + <property>&lt;rich:gmap&gt;</property> + </emphasis>attribute.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/inputNumberSlider.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/inputNumberSlider.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/inputNumberSlider.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -341,14 +341,18 @@ </tbody> </tgroup> </table> - <para>It&apos;s necessary only to define a class according to the corresponding name, so as - an appearance of all <property>sliders</property> on a page is changed at once. </para> - <para>To redefine appearance of particular <property>sliders</property>, it&apos;s possible - to define your own CSS class with one of the names listed there. And then just define one of - the components class attributes modifying component style properties.</para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:inputNumberSlider&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:inputNumberSlider&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:inputNumberSlider&gt;</property> + </emphasis>attributes.</para> + <para>CSS code piece used on a page:</para> <para> Modified: trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -236,16 +236,18 @@ </tbody> </tgroup> </table> - <para>It&apos;s necessary only to define a class according to the corresponding name, so as - an appearance of all <property>spinners</property> on a page is changed at once. </para> - <para>To redefine appearance of the particular <property>spinner</property>, it&apos;s - possible to define your own CSS class. Then it&apos;s necessary just to define it in one - of the <emphasis> - <property>&quot;components class&quot;</property> - </emphasis> attributes modifying component style properties.</para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:inputNumberSpinner&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:inputNumberSpinner&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:inputNumberSpinner&gt;</property> + </emphasis>attributes.</para> + <para>CSS code piece used on a page:</para> <para> Modified: trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -310,11 +310,17 @@ </tbody> </tgroup> </table> - <para> In order to redefine the style for all menu groups on a page using CSS, it&apos;s - enough to create classes with the same names and define the necessary properties in - them. </para> - <para> To change style aspects of particular panel menu groups define your own style classes - in the corresponding menuGroup attributes. </para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:menuGroup&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:menuGroup&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:menuGroup&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -346,11 +346,17 @@ </tbody> </tgroup> </table> - <para> In order to redefine the style for all menu items on a page using CSS, it&apos;s - enough to create classes with the same names and define the necessary properties in - them. </para> - <para> To change the style of particular menu items define your own style classes in the - corresponding menuItem attributes. </para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:menuItem&gt;</property> + </emphasis> components on a page using CSS, it&apos;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>&lt;rich:menuItem&gt;</property> + </emphasis> components, define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:menuItem&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -133,12 +133,17 @@ </tbody> </tgroup> </table> - <para> - In order to redefine a style for all menu separators in a page using CSS, it&apos;s enough to create classes with the same names and define the necessary properties in them. - </para> - <para> - To change the style peculiarities of the particular menu separators, define your own style classes in the corresponding menuSeparator attributes. - </para> + <para>In order to redefine styles for all <emphasis role="bold"> + <property>&lt;rich:separator&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create class with the + same name and define necessary properties in it.</para> + + <para>To change styles of particular <emphasis role="bold"> + <property>&lt;rich:separator&gt;</property> + </emphasis> components, define your own style class in the corresponding <emphasis + role="bold"> + <property>&lt;rich:separator&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/message.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/message.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/message.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -183,15 +183,17 @@ </tgroup> </table> - <para>In order to redefine the style for <emphasis role="bold"> - <property>&lt;rich:message&gt;</property> - </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:message&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the same names and define the necessary properties in them.</para> - + <para>To change the style of particular <emphasis role="bold"> - <property>&lt;rich:message&gt;</property> - </emphasis> components define your own style classes in the corresponding message attributes. - </para> + <property>&lt;rich:message&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:message&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/messages.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/messages.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/messages.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -178,17 +178,17 @@ </tgroup> </table> - <para>In order to redefine the style for <emphasis role="bold"> - <property>&lt;rich:message&gt;</property> - </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:messages&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the same names and define the necessary properties in them.</para> - + <para>To change the style of particular <emphasis role="bold"> - <property>&lt;rich:messages&gt;</property> - </emphasis> components define your own style classes in the corresponding <emphasis role="bold"> <property>&lt;rich:messages&gt;</property> - </emphasis> attributes. - </para> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:messages&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -505,6 +505,17 @@ </tbody> </tgroup> </table> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:modalPanel&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:modalPanel&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:modalPanel&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/panel.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/panel.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/panel.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -297,12 +297,18 @@ </tbody> </tgroup> </table> - <para>To redefine an appearance of a particular panel, define your own CSS class. Then - it&apos;s necessary just to define it in one of components class attributes modifying - component style properties.</para> - <para> - <emphasis role="bold">Example:</emphasis> - </para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:panel&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:panel&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:panel&gt;</property> + </emphasis>attributes.</para> + <para>CSS code piece used on a page:</para> <para> Modified: trunk/docs/userguide/en/src/main/docbook/included/panelBar.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/panelBar.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/panelBar.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -138,9 +138,7 @@ </table> <para>Other classes responsible for elements rendering are described for child panelBarItem elements and could be found in the components chapters.</para> - <para>To change style peculiarities of the particular <property>panelBar</property> and - child elements, define your own style classes in the corresponding - <property>panelBar</property> attributes.</para> + <table> <title>Style component classes</title> <tgroup cols="2"> @@ -166,6 +164,17 @@ </tbody> </tgroup> </table> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:panelBar&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:panelBar&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:panelBar&gt;</property> + </emphasis>attributes.</para> <para>CSS code piece used on a page:</para> <para> Modified: trunk/docs/userguide/en/src/main/docbook/included/panelBarItem.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/panelBarItem.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/panelBarItem.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -189,10 +189,7 @@ </tbody> </tgroup> </table> - <para>It&apos;s necessary to define a class according to the corresponding name, so as an - appearance of all <property>panelBarItems</property> on a page is changed at once.</para> - <para>To change style peculiarities of the particular <property>panelBarItems</property>, define - your own style classes in the corresponding <property>panelBarItems</property> attributes.</para> + <table> <title>Style component classes</title> <tgroup cols="2"> @@ -214,9 +211,19 @@ </tbody> </tgroup> </table> - <para> - <emphasis role="bold">Example:</emphasis> - </para> + + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:panelBarItem&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:panelBarItem&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:panelBarItem&gt;</property> + </emphasis>attributes.</para> + <para>CSS code piece used on a page:</para> <para> Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -436,12 +436,17 @@ <listitem>rich-pmenu-group-self-label</listitem> </itemizedlist> - <para>In order to redefine the style for all panel menu groups on a page using CSS, - it&apos;s enough to create classes with the same names and define the necessary properties - in them.</para> - - <para>To change the style of particular panel menu groups define your own style - classes in the corresponding panelMenuGroup attributes. </para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:panelMenuGroup&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:panelMenuGroup&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:panelMenuGroup&gt;</property> + </emphasis>attributes.</para> </section> </section> Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -387,11 +387,17 @@ <listitem>rich-pmenu-top-item-label</listitem> </itemizedlist> - <para>In order to redefine the style for all panel menu items on a page using CSS, it&apos;s - enough to create classes with the same names and define the necessary properties in them.</para> - - <para>To change the style of particular panel menu items define your own style - classes in the corresponding panelMenuItem attributes.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:panelMenuItem&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:panelMenuItem&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:panelMenuItem&gt;</property> + </emphasis>attributes.</para> </section> </section> Modified: trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -259,13 +259,18 @@ </tbody> </tgroup> </table> - <para>To redefine a style of all simple toggle panels on a page with CSS, create classes with - the corresponding names and define the necessary properties in them.</para> - <para>To change style peculiarities of a particular <property>simpleTogglePanels</property>, - define your own style classes in the corresponding <property>simpleTogglePanels</property> - attributes.</para> - <para>It&apos;s necessary to define a class according to the corresponding name, so as an - appearance of all <property>simpleTogglePanels</property> on a page is changed at once.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:simpleTogglePanel&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:simpleTogglePanel&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:simpleTogglePanel&gt;</property> + </emphasis>attributes.</para> + <table> <title>Style component classes</title> <tgroup cols="2"> Modified: trunk/docs/userguide/en/src/main/docbook/included/suggestionBox.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/suggestionBox.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/suggestionBox.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -460,10 +460,17 @@ </tgroup> </table> - <para>In order to redefine the style for all saggestionbox components on a page using CSS, it's enough to - create classes with the same names and define the necessary properties in them.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:suggestionBox&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> - <para>To change the style of particular suggestionbox components define your own style classes in the corresponding suggestionbox attributes. </para> + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:suggestionBox&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:suggestionBox&gt;</property> + </emphasis>attributes.</para> </section> Modified: trunk/docs/userguide/en/src/main/docbook/included/tab.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/tab.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/tab.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -175,10 +175,16 @@ <section> <title>Definition of Custom Style Classes</title> - <para>The style peculiarities of a particular <property>Tab</property> variant could be changed with specification of your - own StyleClasses attributes.</para> - <para>It&apos;s necessary to define a class according to the corresponding name, so as an - -appearance of all slider on a page is changed at once.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:tab&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:tab&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:tab&gt;</property> + </emphasis>attributes.</para> </section> </section> \ No newline at end of file Modified: trunk/docs/userguide/en/src/main/docbook/included/tabPanel.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/tabPanel.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/tabPanel.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -241,9 +241,17 @@ </tbody> </tgroup> </table> - <para>Also it is possible to change look-and-feel settings of individual tab panel component by - writing your own style classes in corresponding class attributes of - <property>tabPanel</property>.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:tabPanel&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:tabPanel&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:tabPanel&gt;</property> + </emphasis>attributes.</para> </section> <section> Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -142,8 +142,18 @@ <title>Definition of Custom Style Classes</title> <para>On generating, the component substitutes the default class rich-toolbar-exterior into <emphasis> <property>style class</property> - </emphasis> of a generated component, i.e. to redefine at once all - <property>toolBars</property> appearance on a page, redefine this class in your CSS.</para> + </emphasis> of a generated component.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:toolBar&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create class with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:toolBar&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:toolBar&gt;</property> + </emphasis>attributes.</para> <para>The component also has the standard attributes <emphasis> <property>&quot;style&quot;</property> </emphasis> and <emphasis> Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -165,15 +165,23 @@ <title>Definition of Custom Style Classes</title> <para>On generating, the component substitutes the default class rich-toolbar-interior into <emphasis -><property>style class</property></emphasis> of a generated component, i.e. -to redefine at once all <property>toolBarGroups</property> appearance on a page, redefine this class in your CSS.</para> - <para>The component also has the standard attribute &quot;style&quot; and <emphasis +><property>style class</property></emphasis> of a generated component.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:toolBarGroup&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create class with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:toolBarGroup&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:toolBarGroup&gt;</property> + </emphasis>attributes.</para> + <para>The component also has the standard attribute <emphasis >&quot;style&quot;</emphasis> and <emphasis appearance of particular component variants. </para> - <para>It&apos;s necessary to define a class according to the corresponding name, so as an - -appearance of all <property>toolBarGroups</property> on a page is changed at once.</para> + </section> </section> \ No newline at end of file Modified: trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -239,12 +239,20 @@ <section> <title>Definition of Custom Style Classes</title> <para> - <property>Tooltip</property> provides one class &quot;rich-tool-tip&quot; which applies to a wrapper element <emphasis><property>&quot;span&quot;</property></emphasis> or &quot;div&quot; - dependently to <property>tooltip</property> layout. In order to redefine style for all <property>tooltips</property> - on a page with using CSS it's enough to create classes with this name and define in it necessary properties. - To change style peculiarities of a particular <property>tooltips</property>, define your own style classes in the corresponding - <property>tooltips</property> attributes. - </para> + The<emphasis role="bold"><property>&lt;rich:tooltip&gt;</property></emphasis> provides one class &quot;rich-tool-tip&quot; which applies to a wrapper element <emphasis><property>&quot;span&quot;</property></emphasis> or <emphasis><property>&quot;div&quot;</property></emphasis> + dependently to <emphasis role="bold"><property>&lt;rich:tooltip&gt;</property></emphasis> layout. + </para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:tooltip&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create class with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:tooltip&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:tooltip&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/tree.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/tree.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/tree.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -290,11 +290,24 @@ </section> <section> <title>Definition of Custom Style Classes</title> - <para>The <property>tree</property> also has only one predefined Style Class responsible for - displaying a wrapper element of the <property>tree</property> - <emphasis role="bold"> + <para>The <emphasis + role="bold"> + <property>&lt;rich:tree&gt;</property> + </emphasis> also has only one predefined Style Class responsible for + displaying a wrapper element of the <emphasis role="bold"> <property>&lt;rich:tree&gt;</property> - </emphasis> redefining of which will change look and feel of all <property>trees</property> on - the page.</para> + </emphasis>component.</para> + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:tree&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create class with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:tree&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:tree&gt;</property> + </emphasis>attributes.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -253,17 +253,48 @@ </section> <section> <title>Definition of Custom Style Classes</title> - <para>The following classes are applied to a node element in three states: default, marked, - mouseovered:</para> - <itemizedlist> - <listitem>rich-tree-node</listitem> - <listitem>rich-tree-node-selected</listitem> - <listitem>rich-tree-node-highlighted</listitem> - </itemizedlist> - <para>Hence, in order to change an appearance of all <property>treeNodesAdaptor</property> on a page, - declare and customize the above-mentioned classes in your CSS.</para> - <para>It is also possible to change look and feel of specific <property>treeNodesAdaptor</property> - with the help of defining for them <emphasis> + <para>On the screenshot, there are classes that are applied to a node element in three states: default, marked, + mouseovered:</para> + + <table> + <title>Classes names that define a node element</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-tree-node</entry> + <entry> </entry> + </row> + <row> + <entry>rich-tree-node-selected</entry> + <entry> </entry> + </row> + <row> + <entry>rich-tree-node-highlighted</entry> + <entry> </entry> + </row> + </tbody> + </tgroup> + </table> + + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:treeNode&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names and define the necessary properties in them.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:treeNode&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:treeNode&gt;</property> + </emphasis>attributes.</para> + <para>It is also possible to change look and feel of specific <emphasis role="bold"><property>&lt;rich:treeNode&gt;</property> + </emphasis> with the help of defining for them <emphasis> <property>&quot;selectedClass&quot;</property> </emphasis> and <emphasis> <property>&quot;highlightedClass&quot;</property> Modified: trunk/docs/userguide/en/src/main/docbook/included/virtualEarth.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/virtualEarth.xml 2007-10-09 15:57:50 UTC (rev 3301) +++ trunk/docs/userguide/en/src/main/docbook/included/virtualEarth.xml 2007-10-09 16:09:31 UTC (rev 3302) @@ -138,9 +138,35 @@ </section> <section> <title>Definition of Custom Style Classes</title> - <para>rich-virtualEarth map is a predefined style class for the map. It&apos;s possible to define some - standard properties for all <property>maps</property> components on a page (padding, border, - etc.) with the definition of the component.</para> + <table> + <title>Classes names that define a virtualEarth appearance</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>Rich-virtualEarth</entry> + <entry>Defines styles for a wrapper &lt;div&gt; element for a virtualEarth</entry> + </row> + </tbody> + </tgroup> + </table> + + <para>In order to redefine the style for all <emphasis role="bold"> + <property>&lt;rich:virtualEarth&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create class with the + same name and define the necessary properties in it.</para> + + <para>To change the style of particular <emphasis role="bold"> + <property>&lt;rich:virtualEarth&gt;</property> + </emphasis> components define your own style classes in the corresponding <emphasis + role="bold"> + <property>&lt;rich:virtualEarth&gt;</property> + </emphasis>attribute.</para> </section> <section> <title>Relevant Resources Links</title>