[richfaces-svn-commits] JBoss Rich Faces SVN: r5767 - in trunk/docs/userguide/en/src/main: resources/images and 1 other directory.

richfaces-svn-commits at lists.jboss.org richfaces-svn-commits at lists.jboss.org
Fri Feb 1 11:29:29 EST 2008


Author: vsukhov
Date: 2008-02-01 11:29:29 -0500 (Fri, 01 Feb 2008)
New Revision: 5767

Added:
   trunk/docs/userguide/en/src/main/resources/images/contextMenuClass.png
   trunk/docs/userguide/en/src/main/resources/images/contextMenuStyle.png
   trunk/docs/userguide/en/src/main/resources/images/datagridClass.png
   trunk/docs/userguide/en/src/main/resources/images/datagridStyle.png
   trunk/docs/userguide/en/src/main/resources/images/datalistClass.png
   trunk/docs/userguide/en/src/main/resources/images/datalistStyle.png
   trunk/docs/userguide/en/src/main/resources/images/datatableClass.png
   trunk/docs/userguide/en/src/main/resources/images/datatableStyle.png
   trunk/docs/userguide/en/src/main/resources/images/gmapClass.png
   trunk/docs/userguide/en/src/main/resources/images/gmapStyle.png
   trunk/docs/userguide/en/src/main/resources/images/listShuttleClass.png
   trunk/docs/userguide/en/src/main/resources/images/listShuttleStyle.png
   trunk/docs/userguide/en/src/main/resources/images/messageClass.png
   trunk/docs/userguide/en/src/main/resources/images/messageStyle.png
   trunk/docs/userguide/en/src/main/resources/images/messagesClass.png
   trunk/docs/userguide/en/src/main/resources/images/messagesStyle.png
   trunk/docs/userguide/en/src/main/resources/images/mpClass.png
   trunk/docs/userguide/en/src/main/resources/images/mpStyle.png
   trunk/docs/userguide/en/src/main/resources/images/panelmenuClass.png
   trunk/docs/userguide/en/src/main/resources/images/panelmenuStyle.png
   trunk/docs/userguide/en/src/main/resources/images/scrollableDataTableClass.png
   trunk/docs/userguide/en/src/main/resources/images/scrollableDataTableStyle.PNG
   trunk/docs/userguide/en/src/main/resources/images/separatorClass.png
   trunk/docs/userguide/en/src/main/resources/images/separatorStyle.png
   trunk/docs/userguide/en/src/main/resources/images/simpleTogglePanelClass.png
   trunk/docs/userguide/en/src/main/resources/images/simpleTogglePanelStyle.png
   trunk/docs/userguide/en/src/main/resources/images/suggestionboxClass.png
   trunk/docs/userguide/en/src/main/resources/images/suggestionboxStyle.png
   trunk/docs/userguide/en/src/main/resources/images/togglePanelClass.png
   trunk/docs/userguide/en/src/main/resources/images/togglePanelStyle.png
   trunk/docs/userguide/en/src/main/resources/images/toolBarClass.png
   trunk/docs/userguide/en/src/main/resources/images/toolBarStyle.png
   trunk/docs/userguide/en/src/main/resources/images/treeNodeClass.png
   trunk/docs/userguide/en/src/main/resources/images/treeNodeStyle.png
Modified:
   trunk/docs/userguide/en/src/main/docbook/included/actionparam.desc.xml
   trunk/docs/userguide/en/src/main/docbook/included/actionparam.xml
   trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.desc.xml
   trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.xml
   trunk/docs/userguide/en/src/main/docbook/included/columns.xml
   trunk/docs/userguide/en/src/main/docbook/included/commandButton.xml
   trunk/docs/userguide/en/src/main/docbook/included/commandLink.xml
   trunk/docs/userguide/en/src/main/docbook/included/contextMenu.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/dataTable.xml
   trunk/docs/userguide/en/src/main/docbook/included/dropZone.xml
   trunk/docs/userguide/en/src/main/docbook/included/form.xml
   trunk/docs/userguide/en/src/main/docbook/included/gmap.xml
   trunk/docs/userguide/en/src/main/docbook/included/htmlCommandLink.xml
   trunk/docs/userguide/en/src/main/docbook/included/include.xml
   trunk/docs/userguide/en/src/main/docbook/included/insert.xml
   trunk/docs/userguide/en/src/main/docbook/included/jQuery.xml
   trunk/docs/userguide/en/src/main/docbook/included/keepAlive.xml
   trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml
   trunk/docs/userguide/en/src/main/docbook/included/loadBundle.xml
   trunk/docs/userguide/en/src/main/docbook/included/loadScript.xml
   trunk/docs/userguide/en/src/main/docbook/included/loadStyle.xml
   trunk/docs/userguide/en/src/main/docbook/included/log.xml
   trunk/docs/userguide/en/src/main/docbook/included/mediaOutput.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/page.xml
   trunk/docs/userguide/en/src/main/docbook/included/panelMenu.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/portlet.xml
   trunk/docs/userguide/en/src/main/docbook/included/push.xml
   trunk/docs/userguide/en/src/main/docbook/included/region.xml
   trunk/docs/userguide/en/src/main/docbook/included/repeat.xml
   trunk/docs/userguide/en/src/main/docbook/included/scrollableDataTable.xml
   trunk/docs/userguide/en/src/main/docbook/included/separator.xml
   trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml
   trunk/docs/userguide/en/src/main/docbook/included/status.xml
   trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml
   trunk/docs/userguide/en/src/main/docbook/included/support.desc.xml
   trunk/docs/userguide/en/src/main/docbook/included/support.xml
   trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml
   trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml
   trunk/docs/userguide/en/src/main/docbook/included/tree.xml
Log:
   http://jira.jboss.com/jira/browse/RF-1052
Inserted code samples explaining skinnability for components with lot's of classes.(listShuttle, contextMenu, dataGrid dataList, gmap,message,messages,modalPanel,panelMenu,scrollableDataTable,separator,simpleTogglePanel,togglePanel,toolBar)
http://jira.jboss.com/jira/browse/RF-2086
Seted right errors in components section(1-8) for ajaxListener,keepAlive,actionparam,commandButton,form...

Modified: trunk/docs/userguide/en/src/main/docbook/included/actionparam.desc.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/actionparam.desc.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/actionparam.desc.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -11,7 +11,7 @@
     <property>&lt;f:param&gt;</property>
   </emphasis> and <emphasis role="bold">
     <property>&lt;f:actionListener&gt;</property>
-  </emphasis> can be found <ulink
+  </emphasis>can be found <ulink
     url="http://java.sun.com/javaee/javaserverfaces/1.2/docs/tlddocs/index.html"
     >here</ulink>.</para>
 </section>
\ No newline at end of file

Modified: trunk/docs/userguide/en/src/main/docbook/included/actionparam.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/actionparam.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/actionparam.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -56,13 +56,13 @@
         <para>At the render phase, it's decoded by parent component (<emphasis role="bold">
                 <property>&lt;h:commandLink&gt;</property>
             </emphasis> or like) as usual. At the process request phase, if the parent component
-            performs an action event, update the value specified in the &quot;assignTo&quot;
-            attribute as its value. If a converter attribute is specified, use it to encode and
-            decode the value to a string stored in the html parameter.</para>
+            performs an action event, update the <emphasis><property>&quot;value&quot;</property></emphasis> specified in the <emphasis><property>&quot;assignTo&quot;</property></emphasis>
+            attribute as its <emphasis><property>&quot;value&quot;</property></emphasis>. If a <emphasis><property>&quot;converter&quot;</property></emphasis> attribute is specified, use it to encode and
+            decode the <emphasis><property>&quot;value&quot;</property></emphasis> to a string stored in the html parameter.</para>
         <para><emphasis role="bold">
                 <property>&lt;a4j:actionParam&gt;</property>
             </emphasis>has a <emphasis><property>&quot;noEscape&quot;</property></emphasis> attribute. If it is set to
-            &quot;true&quot;, the value will be evaluated as a JavaScript code. </para>
+            <property>&quot;true&quot;</property>, the <emphasis><property>&quot;value&quot;</property></emphasis> evaluates as a JavaScript code. </para>
         <emphasis role="bold">Example:</emphasis>
         <programlisting role="XML"><![CDATA[...
         <script>
@@ -75,8 +75,8 @@
 ...]]></programlisting>
 	<para>
 		The <emphasis role="bold"><property>&lt;a4j:param&gt;</property></emphasis> extends 
-		<emphasis role="bold"><property>&lt;f:param&gt;</property></emphasis>, so the "name" attribute is mandatory.
-		Otherwise, the value will be missing due missing the request parameter name for it.
+	    <emphasis role="bold"><property>&lt;f:param&gt;</property></emphasis>, so the <emphasis><property>&quot;name&quot;</property></emphasis> attribute is mandatory.
+	    Otherwise, the <emphasis><property>&quot;value&quot;</property></emphasis> misses due missing the request parameter name for it.
 	</para>	
     </section>
   

Modified: trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.desc.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.desc.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.desc.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -1,6 +1,6 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <section>
   <para>The <emphasis role="bold"><property>&lt;a4j:ajaxListener&gt;</property></emphasis>
-component is the same one as <emphasis><property>&quot;actionListener&quot;</property></emphasis> 
-or <emphasis><property>&quot;ValueChangeListener&quot;</property></emphasis>, but for an Ajax container.</para>
+    component is the same one as <emphasis role="bold"><property>&lt;f:actionListener&gt;</property></emphasis> 
+    or <emphasis role="bold"><property>&lt;f:valueChangeListener&gt;</property></emphasis>, but for an Ajax container.</para>
 </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/ajaxListener.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -70,12 +70,12 @@
 Additional to the listeners provided by JSF specification, RichFaces add one more: ajax Listener (
 	<emphasis role="bold"><property>&lt;a4j:ajaxListener&gt;</property>
 	</emphasis>).
-Ajax Listener is invoked before the Render Response phase. Instead of action Listener of Value Change Listener which are not
+	  Ajax Listener is invoked before the Render Response phase. Instead of <emphasis role="bold"><property>&lt;f:actionListener&gt;</property></emphasis> of <emphasis role="bold"><property>&lt;f:valueChangeListener&gt;</property></emphasis> which are not
 invoked when Validation of Update Model phases failed, ajax Listener is guarantied to be invoked for each Ajax response. Thus, it is
 a good place for update the list of re-rendered components, for example.
 Ajax Listener is not invoked for non-Ajax request and when RichFaces works in "Ajax Request generates 
 Non-Ajax Response" mode. Therefore, ajax Listener invocation is a good indicator that Ajax response is going to be processed. 
-Attribute &quot;type&quot; described in <link linkend="ajaxListener attributes">the following chapter</link>. defines the fully qualified Java class name for listener.This class should implement org.ajax4jsf.framework.ajax.ajaxListener
+Attribute <emphasis><property>&quot;type&quot;</property></emphasis> described in the following  <link linkend="ajaxListener"> chapter</link>. It defines the fully qualified Java class name for listener.This class implements org.ajax4jsf.framework.ajax.ajaxListener
 interface. You can access to the source of the event (Ajax component) using event.getSource() call. 
 	</para>
 
@@ -114,8 +114,7 @@
     <title>Relevant resources links</title>
 	<para>
 	  Some additional information about usage of component can be found 
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/ajaxListener.jsf?c=ajaxListener">here.
-	</ulink>
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/ajaxListener.jsf?c=ajaxListener">here</ulink>.
 	</para>
   </section>
   

Modified: trunk/docs/userguide/en/src/main/docbook/included/columns.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/columns.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/columns.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -296,7 +296,7 @@
     <section>
         <title>Relevant Resources Links</title>
         <para><ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/dataTable.jsf?c=columns"
-            >Here</ulink> you can see the example of <emphasis role="bold"
-                ><property>&lt;rich:columns&gt;</property></emphasis> usage and sources for the given example. </para>
+            >Here</ulink> you can found some additional information for <emphasis role="bold"
+                ><property>&lt;rich:columns&gt;</property></emphasis> component usage. </para>
     </section>   
     </section>
\ No newline at end of file

Modified: trunk/docs/userguide/en/src/main/docbook/included/commandButton.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/commandButton.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/commandButton.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -31,9 +31,12 @@
       </table></para>
         <section>
       <title>Creating on a page</title>
-      <para><emphasis role="bold"><property>&lt;a4j:commandButton&gt;</property></emphasis> is used in the same way as <emphasis role="bold"><property>&lt;h:commandButton&gt;</property></emphasis>, but with definition of the area that is updated after the response comes back from the server.</para>
-			<programlisting role="XML"><![CDATA[<a4j:commandButton reRender="someData" action="#{bean.action1}" value="Link"/>]]></programlisting>
-            <para>This definition of the component provides a link, a click on the link causes an Ajax form submit on the server, &quot;action1&quot; method performance, and rendering of the component with <emphasis><property>&quot;someData&quot;</property></emphasis> id after the response comes back from the server.</para>
+          <para>The simplest tag usage example:</para>
+          <para>
+            <emphasis role="bold">Example:</emphasis>
+          </para>
+          <programlisting role="XML"><![CDATA[<a4j:commandButton reRender="someData" action="#{bean.action1}" value="Link"/>]]></programlisting>
+            
     </section>
 	  <section>
       <title>Dynamical creation of a component from Java code</title>
@@ -49,18 +52,20 @@
     </section>
     <section>
       <title>Key attributes and ways of usage</title>
+      <para><emphasis role="bold"><property>&lt;a4j:commandButton&gt;</property></emphasis> is used in the same way as <emphasis role="bold"><property>&lt;h:commandButton&gt;</property></emphasis>, but with definition of the area that is updated after the response comes back from the server.</para>
+      <para>This definition of the component provides a link, a click on the link causes an Ajax form submit on the server, <property>&quot;action1&quot;</property> method performance, and rendering of the component with <property>&quot;someData&quot;</property> id after the response comes back from the server.</para>
       <para>The component <emphasis role="bold"><property>&lt;a4j:commandButton&gt;</property></emphasis> placed on a page generates the following HTML code:</para>
 	  <programlisting role="JAVA"><![CDATA[<input type="submit" onclick="A4J.AJAX.Submit(...request parameters);return false;" value="sort"/>
 ]]></programlisting>
-      <para>Hence, the utility method &quot;A4J.AJAX.Submit&quot; is called on a click, the method performs Ajax request as the <emphasis role="bold"><property>&lt;a4j:support&gt;</property></emphasis> component</para>
+      <para>Hence, the utility method <property>&quot;A4J.AJAX.Submit&quot;</property> is called on a click, the method performs Ajax request as the <emphasis role="bold"><property>&lt;a4j:support&gt;</property></emphasis> component</para>
 	 <note>
       <title>Note:</title>
       <para>AJAX support is built in and it&apos;s not necessary to add nested <emphasis role="bold"><property>&lt;a4j:support&gt;</property></emphasis> to the component.</para>
 	 </note>
       <para>
-        The usage of the keyword &apos;this&apos; in JavaScript code in the <emphasis><property>&quot;oncomplete&quot;</property></emphasis> attribute 
+        The usage of the keyword <property>&apos;this&apos;</property> in JavaScript code in the <emphasis><property>&quot;oncomplete&quot;</property></emphasis> attribute 
         depends on the location of <emphasis role="bold"><property>&lt;a4j:commandButton&gt;</property></emphasis>. If the <property>commandButton</property> is situated outside the re-rendered region
-        you can use keyword &apos;this&apos; as in the following example:  
+        you can use keyword <property>&apos;this&apos;</property> as in the following example:  
       </para>
        <programlisting role="JAVA"><![CDATA[...
 <h:form id="form"> 
@@ -73,7 +78,7 @@
       <para>
         Otherwise if the <property>commandButton</property> contained in re-rendered region
         the <emphasis><property>&quot;oncomplete&quot;</property></emphasis> attribute has a problem obtaining a reference of the <property>commandButton</property> object 
-        when using the keyword  &apos;this&apos;. In this case you can use  the <emphasis><property>&quot;oncomplete&quot;</property></emphasis> attribute as in the following example:
+        when using the keyword  <property>&apos;this&apos;</property>. In this case you can use  the <emphasis><property>&quot;oncomplete&quot;</property></emphasis> attribute as in the following example:
       </para>
       <programlisting role="JAVA"><![CDATA[...
 <h:form id="form"> 
@@ -84,13 +89,12 @@
 ...
 ]]></programlisting>
 	  <para>Common JSF navigation could be performed after an Ajax submit and partial rendering, but Navigation Case must be defined as <emphasis role="bold"><property>&lt;redirect/&gt;</property></emphasis> in order to avoid problems with some browsers.</para>
-	  <para>As any Core Ajax component sending Ajax requests and processing server responses <emphasis role="bold"><property>&lt;a4j:commandButton&gt;</property></emphasis> has all attributes described above (see <emphasis role="bold"><property>&lt;a4j:support&gt;</property></emphasis> chapter) that provide the required behavior of requests sending (delay, limitation of submit area and rendering, and etc.)</para>
+      <para>As any Core Ajax component sending Ajax requests and processing server responses <emphasis role="bold"><property>&lt;a4j:commandButton&gt;</property></emphasis> has all attributes described above (see <emphasis role="bold"><property>&lt;a4j:support&gt;</property></emphasis> <link linkend="support">chapter</link>) that provide the required behavior of requests sending (delay, limitation of submit area and rendering, and etc.)</para>
     </section>
   <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/commandButton.jsf?c=commandButton">Here
-	  </ulink>you can see the example of <emphasis role="bold"
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/commandButton.jsf?c=commandButton">Here</ulink> you can see the example of <emphasis role="bold"
 	    ><property>&lt;a4j:commandButton&gt;</property></emphasis> usage and sources for the given example.
 	</para>
   </section> 	

Modified: trunk/docs/userguide/en/src/main/docbook/included/commandLink.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/commandLink.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/commandLink.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -33,12 +33,12 @@
     
     <section>
       <title>Creating on a page</title>
-      <para><emphasis role="bold"><property>&lt;a4j:commandLink&gt;</property></emphasis> is used in the same way as <emphasis role="bold"><property>&lt;h:commandLink&gt;</property></emphasis>, but with definition of the area that is updated after the response comes back from the server.</para>
-			<programlisting role="XML"><![CDATA[<a4j:commandLink reRender="someData" action="#{bean.action1}" value="Link"/>]]></programlisting>
-            <para>This definition of the component provides a link, and a click on the link causes an Ajax form
-             submit on the server, &quot;action1&quot; method performance, and rendering of the component 
-             with <emphasis><property>&quot;someData&quot;</property></emphasis> id after the response comes back from the server.</para>
-    </section>
+      <para>The simplest tag usage example:</para>
+      <para>
+        <emphasis role="bold">Example:</emphasis>
+      </para>
+      <programlisting role="XML"><![CDATA[<a4j:commandLink reRender="someData" action="#{bean.action1}" value="Link"/>]]></programlisting>
+                </section>
 	  <section>
       <title>Dynamical creation of a component from Java code</title>
 
@@ -53,6 +53,10 @@
     </section>
     <section>
       <title>Key attributes and ways of usage</title>
+      <para><emphasis role="bold"><property>&lt;a4j:commandLink&gt;</property></emphasis> is used in the same way as <emphasis role="bold"><property>&lt;h:commandLink&gt;</property></emphasis>, but with definition of the area that is updated after the response comes back from the server.</para>
+      <para>This definition of the component provides a link, and a click on the link causes an Ajax form
+        submit on the server, <property>&quot;action1&quot;</property> method performance, and rendering of the component 
+        with <property>&quot;someData&quot;</property> id after the response comes back from the server.</para>
       <para>The component <emphasis role="bold"><property>&lt;a4j:commandLink&gt;</property></emphasis> placed on a page generates the following HTML code:</para>
 	  <programlisting role="XML"><![CDATA[<a href="#" onclick="A4J.AJAX.Submit(?"request parameters");
 	  return 
@@ -73,8 +77,7 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	    <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/commandLink.jsf?c=commandLink">Here
-	    </ulink> you can see the example of <emphasis role="bold"
+	    <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/commandLink.jsf?c=commandLink">Here</ulink> you can see the example of <emphasis role="bold"
 	      ><property>&lt;a4j:commandLink&gt;</property></emphasis> usage and sources for the given example
 	</para>
   </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/contextMenu.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/contextMenu.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/contextMenu.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -516,7 +516,7 @@
             </mediaobject>
         </figure>
 
-        <table>
+        <table id="cMC">
             <title>Classes names that define the contextMenu element</title>
             <tgroup cols="2">
                 <thead>
@@ -543,15 +543,68 @@
             </tgroup>
         </table>
         <para>In order to redefine styles for all <emphasis role="bold">
-                <property>&lt;rich:contextMenu&gt;</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>&lt;rich:contextMenu&gt;</property>
-            </emphasis> components, define your own style classes in the corresponding <emphasis
-                role="bold">
-                <property>&lt;rich:contextMenu&gt;</property>
-            </emphasis> component attributes.</para>
+            <property>&lt;rich:contextMenu&gt;</property>
+        </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+            same names (possible classes could be found in the tables <link linkend="cMC"> above</link>) and define necessary properties in them. </para>
+        
+        <para>
+            <emphasis role="bold">Example:</emphasis>
+        </para>
+        <programlisting role="CSS"><![CDATA[...
+.rich-menu-item{
+font-style:italic;
+}
+...]]></programlisting>  
+        
+        <para>This is a result:</para>
+        
+        <figure>
+            <title>Redefinition styles with predefined classes</title>
+            <mediaobject>
+                <imageobject>
+                    <imagedata fileref="images/contextMenuClass.png"/>
+                </imageobject>
+            </mediaobject>
+        </figure>
+        
+        <para>In the example the font style for row items  was changed.</para>
+        
+        <para>Also it’s possible to change styles of particular <emphasis role="bold"
+            ><property>&lt;rich:contextMenu&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+                ><property>&lt;rich:contextMenu&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+        
+        <para>
+            <emphasis role="bold">Example:</emphasis>
+        </para>
+        <programlisting role="CSS"><![CDATA[...
+.myClass{
+    font-weight:bold;
+}
+...]]></programlisting>  
+        <para>The <emphasis><property>&quot;rowClasses&quot;</property></emphasis> attribute for <emphasis role="bold"
+            ><property>&lt;h:panelGrid&gt; </property></emphasis> is defined as it’s shown in the example below:</para>
+        
+        <para>
+            <emphasis role="bold">Example:</emphasis>
+        </para>
+        <programlisting role="CSS"><![CDATA[<h:panelGrid ... rowClasses="myClass"/>
+]]></programlisting>    
+        
+        <para>This is a result:</para>
+        
+        <figure>
+            <title>Redefinition styles with own classes and styleClass attributes</title>
+            <mediaobject>
+                <imageobject>
+                    <imagedata fileref="images/contextMenuStyle.png"/>
+                </imageobject>
+            </mediaobject>
+        </figure>  
+        
+        <para>As it could be seen on the picture above, the font weight for row items  was changed.</para>
+        
+        
+        
     </section>
 
     <section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/dataGrid.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/dataGrid.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/dataGrid.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -215,16 +215,67 @@
       <link linkend="DofCCS">component</link>. </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>
+      <property>&lt;rich:dataGrid&gt;</property>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible <link linkend="dTC"> classes</link> are the same as for the <emphasis role="bold">
+        <property>&lt;rich:dataTable&gt;</property>
+      </emphasis>) and define necessary properties in them. </para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-table-footercell{
+color:#ff7800;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/dataGridClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example color of footercell was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:dataGrid&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:dataGrid&gt;</property></emphasis> <property>styleClass</property> 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>&quot;columnClasses&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:dataGrid&gt; </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:dataGrid ... columnClasses="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/dataGridStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, the font style for colums  was changed.</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	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/dataList.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -201,7 +201,7 @@
       </mediaobject>
     </figure>
 
-    <table>
+    <table id="dataLC">
       <title>Classes names that define a list appearance</title>
       <tgroup cols="2">
         <thead>
@@ -225,16 +225,65 @@
 
 
     <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>
+      <property>&lt;rich:dataList&gt;</property>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible classes could be found in the tables <link linkend="dataLC"> above</link>) and define necessary properties in them. </para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-list-item{
+font-style:italic;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/datalistClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font style for list item text was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:dataLIst&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:dataList&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:dataList&gt; </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:dataList ... styleClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/datalistStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, background color for <property>&lt;rich:dataList&gt; </property> was changed.</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	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/dataTable.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -322,7 +322,7 @@
       </mediaobject>
     </figure>
 
-    <table>
+    <table id="dTC">
       <title>Classes names that define a whole component appearance</title>
       <tgroup cols="2">
         <thead>
@@ -432,16 +432,68 @@
     </table>
 
     <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>
+      <property>&lt;rich:dataTable&gt;</property>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible classes could be found in the tables <link linkend="dTC"> above</link>) and define necessary properties in them. </para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-table-cell{
+font-weight:bold;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/datatableClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font weight for table cell was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:dataTable&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:dataTable&gt;</property></emphasis> <property>styleClass</property> 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>&quot;headerClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:dataTable&gt;</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:dataTable  ... headerClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/datatableStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, the font style for header was changed.</para>
+    
+    
+    
   </section>
   <section>
     <title>Relevant Resources Links</title>
@@ -460,7 +512,7 @@
         <property>&lt;rich:subTable&gt;</property>
       </emphasis> could be found on the <ulink
         url="http://www.jboss.com/index.html?module=bb&amp;op=viewtopic&amp;p=4059044#4059044"
-        >RichFaces Users Forum.</ulink>
+        >RichFaces Users Forum</ulink>.
     </para>
     <para>How to use <emphasis role="bold">
         <property>&lt;rich:dataTable&gt;</property>

Modified: trunk/docs/userguide/en/src/main/docbook/included/dropZone.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/dropZone.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/dropZone.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -106,7 +106,7 @@
      <emphasis ><property>&quot;reRender&quot;</property></emphasis>, etc). To read more
       about the attributes, follow 
      <ulink url="https://ajax4jsf.dev.java.net/nonav/documentation/ajax-documentation/">Ajax4jsf 
-     Developer Guide </ulink>link.</para>
+     Developer Guide</ulink> link.</para>
     <para>For <property>dropZone</property> layout could be defined with a 
     <emphasis ><property>&quot;layout&quot;</property></emphasis> attribute with inline 
     (default) and block values.</para>

Modified: trunk/docs/userguide/en/src/main/docbook/included/form.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/form.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/form.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -34,9 +34,7 @@
   <section>
     <title>Creating on a page</title>
     <para>Component definition on a page is similar to definition of the original component from JSF HTML library. </para>
-    <programlisting role="XML"><![CDATA[<a4j:form>
-	<!--...Some content to be submitted.-->
-</a4j:form>
+    <programlisting role="XML"><![CDATA[<a4j:form value="value" action="action"/>
 ]]></programlisting>
   </section>
   <section>
@@ -97,7 +95,7 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/form.jsf?c=form">Here.</ulink>
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/form.jsf?c=form">Here</ulink>
 	  you can see the example of <emphasis role="bold"
 	    ><property>&lt;a4j:form&gt;</property></emphasis> usage and sources for the given example.	
 	</para>

Modified: trunk/docs/userguide/en/src/main/docbook/included/gmap.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/gmap.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/gmap.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -177,7 +177,7 @@
   
   <section>
     <title>Definition of Custom Style Classes</title>
-    <table>
+    <table  id="gC">
       <title>Classes names that define a component appearance</title>
       <tgroup cols="2">
         <thead>
@@ -196,15 +196,68 @@
     </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>
+      <property>&lt;rich:gmap&gt;</property>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible classes could be found in the tables <link linkend="gC"> above</link>) and define necessary properties in them. </para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-gmap{
+font-style:italic;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/gmapClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font style for buttons was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:gmap&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:gmap&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+font-weight:bold;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:gmap&gt;</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:gmap ... styleClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/gmapStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, the font weight for buttons was changed.</para>
+    
+    
+    
   </section>
   <section>
     <title>Relevant Resources Links</title>

Modified: trunk/docs/userguide/en/src/main/docbook/included/htmlCommandLink.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/htmlCommandLink.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/htmlCommandLink.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -80,9 +80,8 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/htmlCommandLink.jsf?c=htmlCommandLink">Here</ulink> you 
-	  can see the example of <emphasis role="bold"
-	    ><property>&lt;a4j:htmlCommandLinks&gt;</property></emphasis> usage and sources for the given example.  
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/htmlCommandLink.jsf?c=htmlCommandLink">Here</ulink> you can found some additional information for <emphasis role="bold"
+	    ><property>&lt;a4j:htmlCommandLinks&gt;</property></emphasis> component usage.  
 	</para>
   </section>	  
 </chapter>

Modified: trunk/docs/userguide/en/src/main/docbook/included/include.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/include.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/include.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -100,7 +100,7 @@
       >Here</ulink> you can see the example of <emphasis role="bold"
         ><property>&lt;a4j:include&gt;</property></emphasis> usage and sources for the given example. </para>
 	<para> 
-	Some additional information can be found on the <ulink url="http://jboss.com/index.html?module=bb&amp;op=viewtopic&amp;t=104158">Ajax4Jsf Users Forum.</ulink>
+	Some additional information can be found on the <ulink url="http://jboss.com/index.html?module=bb&amp;op=viewtopic&amp;t=104158">Ajax4Jsf Users Forum</ulink>.
 	</para><!--
 	To see how component works on practice, look at a4j-include example from 
 	<ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/include.jsf?c=include">RichFaces Live Demo</ulink>.	 -->

Modified: trunk/docs/userguide/en/src/main/docbook/included/insert.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/insert.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/insert.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -112,7 +112,7 @@
     <para>The <emphasis role="bold">
         <property>&lt;rich:insert&gt;</property>
       </emphasis> component provides the same functionalitity as <ulink
-        url="https://jhighlight.dev.java.net/"> JHighlight</ulink>. Thus, all names of highlight
+        url="https://jhighlight.dev.java.net/">JHighlight</ulink>. Thus, all names of highlight
       style classes for source code of particular language could be changed to your names, wich are
       used by the <ulink url="https://jhighlight.dev.java.net/">JHighlight</ulink> library.</para>
   </section>
@@ -129,7 +129,7 @@
   <section>
     <title>Relevant Resources Links</title>
     <para><ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/insert.jsf?c=insert"
-      >Here</ulink> you can see the example of <emphasis role="bold"
-        ><property>&lt;rich:insert&gt;</property></emphasis> usage and sources for the given example. </para>
+      >Here</ulink> you can found some additional information for <emphasis role="bold"
+        ><property>&lt;rich:insert&gt;</property></emphasis> component usage. </para>
   </section>          
 </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/jQuery.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/jQuery.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/jQuery.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -136,7 +136,7 @@
         <property>&quot;selector&quot;</property>
       </emphasis> attribute uses defined by w3c consortium syntax for CSS rule <ulink
         url="http://www.w3.org/TR/REC-CSS2/selector.html">selector</ulink> with some jQuery
-      extensions. </para>
+      extensions </para>.
     <para>Those are typical examples of using selector in the <emphasis role="bold">
         <property>&lt;rich:jQuery&gt;</property>
       </emphasis> component.</para>
@@ -330,7 +330,7 @@
     <a4j:loadScript src="resource://jquery.js"/>
 ...]]></programlisting>
 
-    <para>Refer to the <ulink url="http://docs.jquery.com/">jQuery documentation </ulink> for the
+    <para>Refer to the <ulink url="http://docs.jquery.com/">jQuery documentation</ulink> for the
       right syntax. Remember to use jQuery() function instead of $(), as soon as jQuery works
       without conflicts with prototype.js.</para>
   </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/keepAlive.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/keepAlive.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/keepAlive.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -54,7 +54,7 @@
   <section>
     <title>Key attributes and ways of usage</title>
 	<para>
-	 If a managed bean is declared with 'request' scope in the configuration file with the help of 'managed-bean-scope' tag then the life-time of
+	  If a managed bean is declared with <property>&apos;request&apos;</property> scope in the configuration file with the help of <property>&apos;managed-bean-scope&apos;</property> tag then the life-time of
 	 this bean instance is valid only for the current request.
 	 Any attempts to make a reference to the bean instance after the request end will throw in Illegal Argument Exception by the server.
 	To avoid these kinds of Exception, component
@@ -67,7 +67,7 @@
 	<programlisting role="XML"><![CDATA[<a4j:keepAlive beanName = "#{myClass.testBean}"/>]]></programlisting>
 
 	<para>
-	Note that the attribute 'beanName' must point to a legal jsf EL expression which resolves to a managed mean instance. For example for
+	  Note that the attribute <emphasis><property>&quot;beanName&quot;</property></emphasis> must point to a legal jsf EL expression which resolves to a managed mean instance. For example for
 	the above code the class definition may look like this:</para>
 
 	<programlisting role="JAVA"><![CDATA[
@@ -87,8 +87,7 @@
       >Here</ulink> you can see the example of <emphasis role="bold"
         ><property>&lt;a4j:keepAlive&gt;</property></emphasis> usage and sources for the given example. </para>
       <para>
-	  Some additional information about usage of component can be found <ulink url="http://jboss.com/index.html?module=bb&amp;op=viewtopic&amp;t=104989">here.
-	</ulink>
+	  Some additional information about usage of component can be found <ulink url="http://jboss.com/index.html?module=bb&amp;op=viewtopic&amp;t=104989">here</ulink>.
 	</para>
   </section>
 </chapter>   
\ No newline at end of file

Modified: trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/listShuttle.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -820,7 +820,7 @@
             </mediaobject>
         </figure>
 
-        <table>
+        <table id="CN">
             <title>Classes names that define a list representation</title>
             <tgroup cols="2">
                 <thead>
@@ -1083,15 +1083,65 @@
             </tgroup>
         </table>
         <para>In order to redefine styles for all <emphasis role="bold">
-                <property>&lt;rich:listShuttle&gt;</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>&lt;rich:listShuttle&gt;</property>
-            </emphasis> components, define your own style classes in the corresponding <emphasis
-                role="bold">
-                <property>&lt;rich:listShuttle&gt;</property>
-            </emphasis> component attributes.</para>
+            <property>&lt;rich:listShuttle&gt;</property>
+        </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+            same names (possible classes could be found in the tables <link linkend="CN"> above</link>) and define necessary properties in them. </para>
+        
+        <para>
+            <emphasis role="bold">Example:</emphasis>
+        </para>
+        <programlisting role="CSS"><![CDATA[...
+.rich-shuttle-source-row-active{
+background-color:#FFE4B5;
+}	
+...]]></programlisting>  
+        
+        <para>This is a result:</para>
+        
+        <figure>
+            <title>Redefinition styles with predefined classes</title>
+            <mediaobject>
+                <imageobject>
+                    <imagedata fileref="images/listShuttleClass.png"/>
+                </imageobject>
+            </mediaobject>
+        </figure>
+        
+        <para>In the example an active row background color in the source list was changed.</para>
+        
+        <para>Also it’s possible to change styles of particular <emphasis role="bold"
+            ><property>&lt;rich:listShuttle&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+                ><property>&lt;rich:listShuttle&gt;</property></emphasis> <property>styleClass</property> 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>&quot;rowClasses&quot;</property></emphasis> attribute for <emphasis role="bold"
+            ><property>&lt;rich:listShuttle&gt; </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:listShuttle ... rowClasses="myClass"/>
+]]></programlisting>    
+        
+        <para>This is a result:</para>
+        
+        <figure>
+            <title>Redefinition styles with own classes and styleClass attributes</title>
+            <mediaobject>
+                <imageobject>
+                    <imagedata fileref="images/listShuttleStyle.png"/>
+                </imageobject>
+            </mediaobject>
+        </figure>  
+        
+        <para>As it could be seen on the picture above, font style for row items  was changed.</para>
     </section>
     
     <section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/loadBundle.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/loadBundle.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/loadBundle.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -85,9 +85,8 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/bundle.jsf?c=loadBundle">Here
-	  </ulink> you can see the example of <emphasis role="bold"
-	    ><property>&lt;a4j:loadBundle&gt;</property></emphasis> usage and sources for the given example.
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/bundle.jsf?c=loadBundle">Here</ulink> you can found some additional information for <emphasis role="bold"
+	    ><property>&lt;a4j:loadBundle&gt;</property></emphasis> component usage.
 	</para>
   </section>  
 </chapter>   
\ No newline at end of file

Modified: trunk/docs/userguide/en/src/main/docbook/included/loadScript.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/loadScript.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/loadScript.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -72,9 +72,8 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	   <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/script.jsf?c=loadScript">Here
-	   </ulink> you can see the example of <emphasis role="bold"
-	     ><property>&lt;a4j:loadScript&gt;</property>s</emphasis> usage and sources for the given example.
+	   <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/script.jsf?c=loadScript">Here</ulink> you can see the example of <emphasis role="bold"
+	     ><property>&lt;a4j:loadScript&gt;</property></emphasis> usage and sources for the given example.
 	</para>
   </section>
 

Modified: trunk/docs/userguide/en/src/main/docbook/included/loadStyle.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/loadStyle.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/loadStyle.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -72,8 +72,7 @@
     <title>Relevant resources links</title>
     <para>
       Some additional information about usage of component can be found 
-      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/style.jsf?c=loadStyle">here.
-      </ulink>
+      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/style.jsf?c=loadStyle">here</ulink>.
     </para>
   </section>
   

Modified: trunk/docs/userguide/en/src/main/docbook/included/log.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/log.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/log.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -75,8 +75,7 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	   <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/log.jsf?c=log">Here
-	   </ulink> you can see the example of <emphasis role="bold"
+	   <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/log.jsf?c=log">Here</ulink> you can see the example of <emphasis role="bold"
 	     ><property>&lt;a4j:log&gt;</property></emphasis> usage and sources for the given example.
 	</para>
   </section>   

Modified: trunk/docs/userguide/en/src/main/docbook/included/mediaOutput.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/mediaOutput.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/mediaOutput.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -100,8 +100,7 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-		  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/mediaOutput.jsf?c=mediaOutput">Here
-	  </ulink> you can see the example of <emphasis role="bold"
+		  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/mediaOutput.jsf?c=mediaOutput">Here</ulink> you can see the example of <emphasis role="bold"
 	    ><property>&lt;a4j:mediaOutput &gt;</property></emphasis> usage and sources for the given example.
 	</para>
   </section>	  

Modified: trunk/docs/userguide/en/src/main/docbook/included/message.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/message.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/message.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -152,7 +152,7 @@
       </mediaobject>
     </figure>
 
-    <table>
+    <table id="mC">
       <title>Classes names that define a component appearance</title>
 
       <tgroup cols="2">
@@ -190,14 +190,66 @@
     <para>In order to redefine styles 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 necessary properties in them.</para>
+      same names (possible classes could be found in the tables <link linkend="mC"> above</link>) and define necessary properties in them. </para>
     
-    <para>To change styles of particular <emphasis role="bold">
-      <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>
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-message-label{
+font-style:italic
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/messageClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font style for message was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:message&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:message&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+font-weight:bold;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:message&gt;</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:message ... styleClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/messageStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, the font weight for message was changed.</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	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/messages.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -149,7 +149,7 @@
       </mediaobject>
     </figure>
     
-    <table>
+    <table id="mC">
       <title>Classes names that define a component appearance</title>
       
       <tgroup cols="2">
@@ -187,14 +187,67 @@
     <para>In order to redefine styles 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 necessary properties in them.</para>
+      same names (possible classes could be found in the tables <link linkend="mC"> above</link>) and define necessary properties in them. </para>
     
-    <para>To change styles 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>
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-messages-label{
+font-style:italic;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/messagesClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font style for messages was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:messages&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:messages&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+color:red;
+}
+
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;errorClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:messages&gt;</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:messages ... errorClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/messagesStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, color of messages was changed.</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	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/modalPanel.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -514,7 +514,7 @@
 
     <para>The screenshot shows the classes names for defining different elements.</para>
     
-    <table>
+    <table id="mPC">
       <title>Classes names that define a component appearance</title>
       
       <tgroup cols="2">
@@ -592,14 +592,66 @@
     <para>In order to redefine styles 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 necessary properties in them.</para>
+      same names (possible classes could be found in the tables <link linkend="mPC"> above</link>) and define necessary properties in them. </para>
     
-    <para>To change styles 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>
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-mpnl-mask-div{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/mpClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the background color for mask was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:modalPanel&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:modalPanel&gt;</property></emphasis> <property>styleClass</property> 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>&quot;headerClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:modalPanel&gt;</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:modalPanel ... headerClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/mpStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above,the font style for header was changed.</para>
+    
+    
+    
   </section>
   <section>
     <title>Relevant Resources Links</title>
@@ -612,8 +664,7 @@
         url="http://labs.jboss.com/wiki/ModalPanelWizards">Wiki article</ulink> and in the <link
         linkend="Organizewizards">FAQ</link> chapter of the guide. </para>
     <para>Examples of validation in <emphasis role="bold"><property>&lt;rich:modalPanel&gt;</property></emphasis>
-      could be found in the <ulink url="http://labs.jboss.com/wiki/ModalPanelValidation">Wiki
-        article</ulink> and on the <ulink
+      could be found in the <ulink url="http://labs.jboss.com/wiki/ModalPanelValidation">Wiki article</ulink> and on the <ulink
         url="http://www.jboss.com/index.html?module=bb&amp;op=viewtopic&amp;p=4061517"
         >RichFaces Users Forum</ulink>. </para>
   </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/page.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/page.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/page.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -88,9 +88,8 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/page.jsf?c=page">Here
-	   </ulink>  you can see the example of <emphasis role="bold"
-	     ><property>&lt;a4j:page&gt;</property></emphasis> usage and sources for the given example.
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/page.jsf?c=page">Here</ulink> you can found some additional information for <emphasis role="bold"
+	    ><property>&lt;a4j:page&gt;</property></emphasis> component usage.
 	</para>  	
   </section>
   

Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenu.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/panelMenu.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/panelMenu.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -250,7 +250,7 @@
   <section>
     <title>Definition of Custom Style Classes</title>
     
-    <table>
+    <table id="panelMenuC">
       <title>Classes names that define a component appearance</title>
       <tgroup cols="2">
         <thead>
@@ -271,16 +271,67 @@
     </table>
     <para>In order to redefine styles for all <emphasis role="bold">
       <property>&lt;rich:panelMenu&gt;</property>
-    </emphasis> components on a page using CSS, it&apos;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&apos;s enough to create classes with the
+      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>&lt;rich:panelMenu&gt;</property>
-    </emphasis> components, define your own style class in the corresponding <emphasis
-      role="bold">
-      <property>&lt;rich:panelMenu&gt;</property>
-    </emphasis>attributes.</para>
-
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-pmenu-group-self-label{
+font-style:italic;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/panelmenuClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font style for mask was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:panelMenu&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:panelMenu&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;hoveredItemClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:panelMenu&gt;</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:panelMenu ... hoveredItemClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/panelmenuStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above,background color for hovered item was changed.</para>
+    
+    
+    
   </section>
   <section>
     <title>Relevant Resources Links</title>

Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/panelMenuGroup.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -561,8 +561,7 @@
     <title>Relevant resources links</title>
     <para>
       Some additional information about usage of component can be found 
-      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=menuGroup">here.
-      </ulink>
+      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=menuGroup">here</ulink>.
     </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-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/panelMenuItem.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -468,8 +468,7 @@
     <title>Relevant resources links</title>
     <para>
       Some additional information about usage of component can be found 
-      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=menuItem">here.
-      </ulink>
+      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=menuItem">here</ulink>.
     </para>
   </section>
 </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/portlet.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/portlet.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/portlet.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -62,19 +62,19 @@
   <section>
     <title>Relevant resources links</title>
     <para><ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/portlet.jsf?c=portlet"
-        >Here</ulink> you can see the example of <emphasis role="bold">
+      >Here</ulink> you can found some additional information for <emphasis role="bold">
         <property>&lt;a4j:portlet&gt;</property>
-      </emphasis> usage and sources for the given example. </para>
+      </emphasis> component usage. </para>
     <para> The aditional information about component usage you can find here: <ulink
         url="http://www.jboss.com/index.html?module=bb&amp;op=viewtopic&amp;t=107325"
-        >Ajax4Jsf Users Forum. </ulink>
+        >Ajax4Jsf Users Forum</ulink>.
     </para>
     <para>Portlet Sample could be checked out from JBoss SVN: <ulink
         url="http://anonsvn.jboss.org/repos/ajax4jsf/trunk/samples/portal-echo/">portal-echo
-        application. </ulink>
+        application</ulink>.
     </para>
     <para>Usage instructions for this demo could be found at the corresponding: <ulink
       url="http://www.jboss.com/index.html?module=bb&amp;op=viewtopic&amp;t=107325">portal-echo
-      application. </ulink></para>
+      application</ulink>.</para>
   </section>
 </chapter>

Modified: trunk/docs/userguide/en/src/main/docbook/included/push.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/push.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/push.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -184,9 +184,9 @@
   <section>
     <title>Relevant resources links</title>
     <para>
-      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/push.jsf?c=push">Here </ulink>
-      you can see the example of <emphasis role="bold">
+      <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/push.jsf?c=push">Here</ulink>
+      you can found some additional information for <emphasis role="bold">
         <property>&lt;a4j:push&gt;</property>
-      </emphasis> usage and sources for the given example. </para>
+      </emphasis> component usage. </para>
   </section>
 </chapter>

Modified: trunk/docs/userguide/en/src/main/docbook/included/region.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/region.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/region.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -120,8 +120,7 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-        <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/region.jsf?c=region">Here
-        </ulink>  you can see the example of <emphasis role="bold"
+        <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/region.jsf?c=region">Here</ulink>  you can see the example of <emphasis role="bold"
           ><property>&lt;a4j:region&gt;</property></emphasis> usage and sources for the given example. 
 	</para>
   </section>  

Modified: trunk/docs/userguide/en/src/main/docbook/included/repeat.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/repeat.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/repeat.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -122,8 +122,7 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/repeat.jsf?c=repeat">Here
-	  </ulink>  you can see the example of <emphasis role="bold"
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/repeat.jsf?c=repeat">Here</ulink>  you can see the example of <emphasis role="bold"
 	    ><property>&lt;a4j:repeat&gt;</property></emphasis> usage and sources for the given example. 
 	</para>
   </section>	

Modified: trunk/docs/userguide/en/src/main/docbook/included/scrollableDataTable.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/scrollableDataTable.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/scrollableDataTable.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -456,7 +456,7 @@
       </mediaobject>
     </figure>
 
-    <table>
+    <table id="scrdattableC">
       <title>Classes names that define a component appearance</title>
 
       <tgroup cols="2">
@@ -573,16 +573,68 @@
     </table>
 
     <para>In order to redefine styles for all <emphasis role="bold">
-        <property>&lt;rich:scrollableDataTable&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:scrollableDataTable&gt;</property>
-      </emphasis> components, define your own style classes in the corresponding <emphasis
-        role="bold">
-        <property>&lt;rich:scrollableDataTable&gt;</property>
-      </emphasis>attributes.</para>
+      <property>&lt;rich:scrollableDataTable&gt;</property>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible classes could be found in the tables <link linkend="scrdattableC"> above</link>) and define necessary properties in them. </para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-sdt-header-cell{
+font-style:italic;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/scrollableDataTableClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font style for header cell was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:scrollableDataTable&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:scrollableDataTable&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;selectedClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:scrollableDataTable&gt;</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:scrollableDataTable ... selectedClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/scrollableDataTableStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, background color for selected item was changed.</para>
+    
+    
+    
   </section>
 
   <section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/separator.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/separator.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/separator.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -125,7 +125,7 @@
   
   <section>
     <title>Definition of Custom Style Classes</title>
-    <table>
+    <table id="sepC">
       <title>Classes names that define a component appearance</title>
       
       <tgroup cols="2">
@@ -150,16 +150,66 @@
     
     <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 a class with the
-      same name and define necessary properties in it.</para>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible classes could be found in the tables <link linkend="sepC"> above</link>) and define necessary properties in them. </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>
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-separator{
+background-color:#ff7700;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/separatorClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example background color for separator was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:separator&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:separator&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:separator&gt;</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:separator ... styleClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/separatorStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above,background color for separator was changed.</para>
+        
+      </section>
   
   <section>
     <title>Relevant Resources Links</title>

Modified: trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/simpleTogglePanel.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -245,7 +245,7 @@
       </mediaobject>
     </figure>
 
-    <table>
+    <table id="simpTogPanC">
       <title>Classes names that define a component appearance</title>
       <tgroup cols="2">
         <thead>
@@ -309,14 +309,66 @@
     <para>In order to redefine styles 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 necessary properties in them.</para>
+      same names (possible classes could be found in the tables <link linkend="simpTogPanC"> above</link>) and define necessary properties in them. </para>
     
-    <para>To change styles 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>
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-stglpanel-header{
+font-style:italic;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/simpleTogglePanelClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font style for header was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:simpleTogglePanel&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:simpleTogglePanel&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;bodyClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:simpleTogglePanel&gt;</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:simpleTogglePanel ... bodyClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/simpleTogglePanelStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above,background color for body was changed.</para>
+    
+    
+    
   </section>
   <section>
     <title>Relevant Resources Links</title>
@@ -324,7 +376,7 @@
       <ulink
         url="http://livedemo.exadel.com/richfaces-demo/richfaces/simpleTogglePanel.jsf?c=simpleTogglePanel"
         >Here</ulink> you can see the example of <emphasis role="bold"
-        ><property>&lt;rich:simpleTogglePanel&gt;</property>s</emphasis> usage and sources for the given example.
+        ><property>&lt;rich:simpleTogglePanel&gt;</property></emphasis> usage and sources for the given example.
     </para>
   </section>
 </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/status.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/status.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/status.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -122,8 +122,7 @@
   <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/status.jsf?c=status">Here
-	  </ulink>  you can see the example of <emphasis role="bold"
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/status.jsf?c=status">Here</ulink>  you can see the example of <emphasis role="bold"
 	    ><property>&lt;a4j:status&gt;</property></emphasis> usage and sources for the given example. 
 	</para>
   </section>	

Modified: trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/suggestionbox.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -417,7 +417,7 @@
         
         <para>On the screenshot, there are classes names defining specified elements.</para>
         
-        <table>
+        <table id="suggBoxC">
             <title>Classes names that define a suggestionBox</title>
             
             <tgroup cols="2">
@@ -497,14 +497,66 @@
         <para>In order to redefine styles 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 necessary properties in them.</para>
+            same names (possible classes could be found in the tables <link linkend="suggBoxC"> above</link>) and define necessary properties in them. </para>
         
-        <para>To change styles 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>
+        <para>
+            <emphasis role="bold">Example:</emphasis>
+        </para>
+        <programlisting role="CSS"><![CDATA[...
+.rich-sb-int{
+font-weight:bold;
+}
+...]]></programlisting>  
+        
+        <para>This is a result:</para>
+        
+        <figure>
+            <title>Redefinition styles with predefined classes</title>
+            <mediaobject>
+                <imageobject>
+                    <imagedata fileref="images/suggestionBoxClass.png"/>
+                </imageobject>
+            </mediaobject>
+        </figure>
+        
+        <para>In the example the font weight for rows was changed.</para>
+        
+        <para>Also it’s possible to change styles of particular <emphasis role="bold"
+            ><property>&lt;rich:suggestionBox&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+                ><property>&lt;rich:suggestionBox&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+        
+        <para>
+            <emphasis role="bold">Example:</emphasis>
+        </para>
+        <programlisting role="CSS"><![CDATA[...
+.myClass{
+background-color:#f0ddcd;
+}
+...]]></programlisting>  
+        <para>The <emphasis><property>&quot;selectedClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+            ><property>&lt;rich:simpleTogglePanel&gt;</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:suggestionBox ... selectedClass="myClass"/>
+]]></programlisting>    
+        
+        <para>This is a result:</para>
+        
+        <figure>
+            <title>Redefinition styles with own classes and styleClass attributes</title>
+            <mediaobject>
+                <imageobject>
+                    <imagedata fileref="images/suggestionBoxStyle.png"/>
+                </imageobject>
+            </mediaobject>
+        </figure>  
+        
+        <para>As it could be seen on the picture above,background color for selected item was changed.</para>
+        
+        
+        
     </section>
 
 	

Modified: trunk/docs/userguide/en/src/main/docbook/included/support.desc.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/support.desc.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/support.desc.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -1,6 +1,6 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <root>
-<section>
+  <section>
 <title>Description</title>
   <para>The <emphasis role="bold">
           <property>&lt;a4j:support&gt;</property>

Modified: trunk/docs/userguide/en/src/main/docbook/included/support.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/support.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/support.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -155,8 +155,7 @@
     <section>
     <title>Relevant resources links</title>
 	<para>
-	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/support.jsf?c=support">Here
-	  </ulink>  you can see the example of <emphasis role="bold"
+	  <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/support.jsf?c=support">Here</ulink>  you can see the example of <emphasis role="bold"
 	    ><property>&lt;a4j:support&gt;</property></emphasis> usage and sources for the given example. 
 	</para>
   </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -146,7 +146,7 @@
   
   <section>
     <title>Definition of Custom Style Classes</title>
-    <table>
+    <table  id="togglePC">
       <title>Classes names that define a component appearance</title>
       <tgroup cols="2">
         <thead>
@@ -169,7 +169,70 @@
         </tbody>
       </tgroup>
     </table>
+    <para>In order to redefine styles for all <emphasis role="bold">
+      <property>&lt;rich:togglePanel&gt;</property>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible classes could be found in the tables <link linkend="togglePC"> above</link>) and define necessary properties in them. </para>
     
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-toggle-panel{
+font-weight:bold;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/togglePanelClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example the font weight for output text was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:togglePanel&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:togglePanel&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
+    
+    <para>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.myClass{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:togglePanel&gt;</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:togglePanel ... styleClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/togglePanelStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above, background color for panel was changed.</para>
+    
+    
+    
+    
   </section>
   
   <section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -188,7 +188,7 @@
   
   <section>
     <title>Definition of Custom Style Classes</title>
-    <table>
+    <table id="toolBC">
       <title>Classes names that define a component appearance</title>
       <tgroup cols="2">
         <thead>
@@ -212,15 +212,67 @@
     
     <para>In order to redefine styles 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 necessary properties in them.</para>
+    </emphasis> components on a page using CSS, it&apos;s enough to create classes with the
+      same names (possible classes could be found in the tables <link linkend="toolBC"> above</link>) and define necessary properties in them. </para>
     
-    <para>To change styles 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>
+      <emphasis role="bold">Example:</emphasis>
+    </para>
+    <programlisting role="CSS"><![CDATA[...
+.rich-toolbar-item{
+background-color:#ffead9;
+}
+...]]></programlisting>  
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with predefined classes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/toolBarClass.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>In the example background color for <property>&lt;rich:toolBar&gt;</property> was changed.</para>
+    
+    <para>Also it’s possible to change styles of particular <emphasis role="bold"
+      ><property>&lt;rich:toolBar&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"
+        ><property>&lt;rich:toolBar&gt;</property></emphasis> <property>styleClass</property> 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>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold"
+      ><property>&lt;rich:toolBar&gt;</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:toolBar ... styleClass="myClass"/>
+]]></programlisting>    
+    
+    <para>This is a result:</para>
+    
+    <figure>
+      <title>Redefinition styles with own classes and styleClass attributes</title>
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/toolBarStyle.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>  
+    
+    <para>As it could be seen on the picture above,the font style for items was changed.</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/tree.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/tree.xml	2008-02-01 16:16:23 UTC (rev 5766)
+++ trunk/docs/userguide/en/src/main/docbook/included/tree.xml	2008-02-01 16:29:29 UTC (rev 5767)
@@ -784,7 +784,7 @@
       </emphasis>. As it&apos;s a wrapper component for <emphasis role="bold">
         <property>&lt;rich:treeNode&gt;</property>
       </emphasis> components, look and feel customization is described in the <link
-        linkend="SPRofTN">corresponding section.</link></para>
+        linkend="SPRofTN">corresponding section</link>.</para>
     <table>
       <title>Skin parameters for a wrapper element</title>
       <tgroup cols="2">

Added: trunk/docs/userguide/en/src/main/resources/images/contextMenuClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/contextMenuClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/contextMenuStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/contextMenuStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/datagridClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/datagridClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/datagridStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/datagridStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/datalistClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/datalistClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/datalistStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/datalistStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/datatableClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/datatableClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/datatableStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/datatableStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/gmapClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/gmapClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/gmapStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/gmapStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/listShuttleClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/listShuttleClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/listShuttleStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/listShuttleStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/messageClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/messageClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/messageStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/messageStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/messagesClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/messagesClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/messagesStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/messagesStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/mpClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/mpClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/mpStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/mpStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/panelmenuClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/panelmenuClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/panelmenuStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/panelmenuStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/scrollableDataTableClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/scrollableDataTableClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/scrollableDataTableStyle.PNG
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/scrollableDataTableStyle.PNG
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/separatorClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/separatorClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/separatorStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/separatorStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/simpleTogglePanelClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/simpleTogglePanelClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/simpleTogglePanelStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/simpleTogglePanelStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/suggestionboxClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/suggestionboxClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/suggestionboxStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/suggestionboxStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/togglePanelClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/togglePanelClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/togglePanelStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/togglePanelStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/toolBarClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/toolBarClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/toolBarStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/toolBarStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/treeNodeClass.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/treeNodeClass.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/docs/userguide/en/src/main/resources/images/treeNodeStyle.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/treeNodeStyle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream




More information about the richfaces-svn-commits mailing list