From richfaces-svn-commits at lists.jboss.org Thu Apr 30 13:03:43 2009
Content-Type: multipart/mixed; boundary="===============4015960662584342648=="
MIME-Version: 1.0
From: richfaces-svn-commits at lists.jboss.org
To: richfaces-svn-commits at lists.jboss.org
Subject: [richfaces-svn-commits] JBoss Rich Faces SVN: r13975 -
 trunk/docs/userguide/en/src/main/docbook/included.
Date: Thu, 30 Apr 2009 13:02:03 -0400
Message-ID: <E1LzZe7-0008EM-MB@committer01.frg.pub.inap.atl.jboss.com>

--===============4015960662584342648==
Content-Type: text/plain; charset="utf-8"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable

Author: msorokin
Date: 2009-04-30 13:02:02 -0400 (Thu, 30 Apr 2009)
New Revision: 13975

Modified:
   trunk/docs/userguide/en/src/main/docbook/included/layout.desc.xml
   trunk/docs/userguide/en/src/main/docbook/included/layout.xml
   trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.desc.xml
   trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.xml
   trunk/docs/userguide/en/src/main/docbook/included/rich_page.desc.xml
   trunk/docs/userguide/en/src/main/docbook/included/rich_page.xml
Log:
https://jira.jboss.org/jira/browse/RF-6593
The components are documented

Modified: trunk/docs/userguide/en/src/main/docbook/included/layout.desc.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- trunk/docs/userguide/en/src/main/docbook/included/layout.desc.xml	2009-=
04-30 16:52:05 UTC (rev 13974)
+++ trunk/docs/userguide/en/src/main/docbook/included/layout.desc.xml	2009-=
04-30 17:02:02 UTC (rev 13975)
@@ -10,14 +10,22 @@
      <title>Description</title>
      <para>The <emphasis role=3D"bold">
          <property>&lt;rich:layout&gt;</property>
-     </emphasis> component is designed to build layouts.
+     </emphasis> component is designed to build layouts basing on Yahoo UI=
 Grids CSS
      </para>   =

- </section>
+    </section>
+    <figure>
+        <title>The <emphasis role=3D"bold"><property>&lt;rich:layout&gt;</=
property></emphasis> component</title>
+        <mediaobject> =

+            <imageobject>
+                <imagedata fileref=3D"images/rich_layout.png"/> =

+            </imageobject>
+        </mediaobject>
+    </figure>
 <section>
     <title>Key Features</title>    =

     <itemizedlist>
-        <listitem><para>Cross-borwser comparability</para></listitem>
-        <listitem><para>Easy markup creation</para></listitem> =

+        <listitem><para>Cross-borwser compatibility</para></listitem>
+        <listitem><para>Easy layout creation</para></listitem> =

    =

     </itemizedlist>
 </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/layout.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- trunk/docs/userguide/en/src/main/docbook/included/layout.xml	2009-04-30=
 16:52:05 UTC (rev 13974)
+++ trunk/docs/userguide/en/src/main/docbook/included/layout.xml	2009-04-30=
 17:02:02 UTC (rev 13975)
@@ -51,7 +51,9 @@
                     </para>
                     <programlisting role=3D"XML"><![CDATA[...
 <rich:layout>
- ...
+  <rich:layoutPanel position=3D"center">
+  <!--center-->
+  </rich:layoutPanel>
 </rich:layout>
 ...
 ]]></programlisting>
@@ -71,12 +73,10 @@
           <section>
                     <title>Details of Usage</title>
                     =

-                    <para>The <emphasis role=3D"bold"><property>&lt;rich:l=
ayout&gt;</property></emphasis> allows to build a grid that can be used to =
arrange the layout on the page. The <emphasis role=3D"bold"><property>&lt;r=
ich:layout&gt;</property></emphasis> is used in conjunction with the <empha=
sis role=3D"bold"><property>&lt;rich:layoutPanel&gt;</property></emphasis> =
that is used as a child element and carries the main burned of building gri=
d.</para>
+                    <para>The <emphasis role=3D"bold"><property>&lt;rich:l=
ayout&gt;</property></emphasis> allows to build a grid that can be used to =
make the layout on the page. The <emphasis role=3D"bold"><property>&lt;rich=
:layout&gt;</property></emphasis> is used in conjunction with the <emphasis=
 role=3D"bold"><property>&lt;rich:layoutPanel&gt;</property></emphasis> tha=
t is used as a child element and carries the main burden of building the gr=
id.</para>
                    =

-                   <para>Hence, you need to use the <emphasis role=3D"bold=
"><property>&lt;rich:layout&gt;</property></emphasis> as a container and <e=
mphasis role=3D"bold"><property>&lt;rich:layoutPanel&gt;</property></emphas=
is> to create areas inside the container.</para>
-                    <para>By setting the <emphasis><property>&quot;positio=
n&quot;</property></emphasis> attribute of each <emphasis role=3D"bold"><pr=
operty>&lt;rich:layoutPanel&gt;</property></emphasis> to top, left, center,=
 right, bottom
-                              you can build up to 5 corresponding areas.
-                 </para>
+                   <para>Hence, you need to use the <emphasis role=3D"bold=
"><property>&lt;rich:layout&gt;</property></emphasis> as a container and <e=
mphasis role=3D"bold"><property>&lt;rich:layoutPanel&gt;</property></emphas=
is> to create areas inside the container.</para> This is how you can  make =
a layout with 5 areas:
+                    =

           =

           <para>
                     <emphasis role=3D"bold">Example:</emphasis>
@@ -101,48 +101,19 @@
 	</rich:layoutPanel>
 </rich:layout>
 ...]]></programlisting> =

+                    <para>To get more details about <emphasis role=3D"bold=
"><property>&lt;rich:layoutPanel&gt;</property></emphasis> please read the =
<link linkend=3D"rich_layoutPanel"> corresponding chapter</link> of the gui=
de.</para>             =

+
                     =

-                    <note>
-                              <title>Note:</title>
-                              <para>Please keep in mind that no matter wha=
t layout =

-                                        composition you are creating you s=
hould have a <emphasis role=3D"bold"><property>&lt;rich:layoutPanel &gt;</p=
roperty></emphasis> with the <emphasis><property>&quot;position&quot;</prop=
erty></emphasis> attribute set to &quot;center&quot;. </para>
-                              =

-                    </note>
+
                     =

-                    =

-                    =

-                    <para>To create a two-column layout  you need to use t=
wo =

-                              <emphasis role=3D"bold"><property>&lt;rich:l=
ayoutPanel&gt;</property></emphasis>
-                              one of which should be a central area(<code>=
position=3D&quot;center&quot;</code>) and the other one should be either le=
ft or right.
-                              The following snippet will help you understa=
nd the way <emphasis role=3D"bold"><property>&lt;rich:layout&gt;</property>=
</emphasis> works.</para>
-          =

-          =

-          <programlisting role=3D"XML"><![CDATA[...<rich:layout>
-<rich:layoutPanel position=3D"left">
-	<!--left-->
-</rich:layoutPanel>
-<rich:layoutPanel position=3D"center">
-	<!--center-->
-</rich:layoutPanel>
-</rich:layout>
-                  ...]]></programlisting> =

-                    =

-                    =

-                    =

-                    <para>Moreover, you can nest the <emphasis role=3D"bol=
d"><property>&lt;rich:layoutPanel&gt;</property></emphasis> tags  into <emp=
hasis role=3D"bold"><property>&lt;rich:layoutPanel&gt;</property></emphasis=
> to divide the area as well.</para>
-                    =

-                    =

-                    =

           </section>
 =

           <section>
                     <title>Relevant Resources Links</title>
-                    <para>Vizit =

-					<ulink url=3D"http://livedemo.exadel.com/richfaces-demo/richfaces/dat=
aTable.jsf?c=3Dlayout">layout</ulink> page at =

-					RichFaces live demo for examples of component usage and their sources=
.</para>
-					<para>&quot;
-					<ulink url=3D"http://www.jboss.org/community/docs/DOC-9607">Using the=
 "rendered" attribute of &lt;rich:layout&gt;</ulink>&quot; article =

-					in RichFaces cookbook at JBoss portal gives an example of code of the=
 component usage case. =

-					</para>
+                    <para>Visit =

+					<ulink url=3D"http://livedemo.exadel.com/richfaces-demo/richfaces/lay=
outs.jsf">layout</ulink> page at =

+					RichFaces Live demo for examples of component usage and their sources=
.</para>
+                    <para>The <ulink url=3D"http://www.jboss.org/community=
/docs/DOC-13336">Layout components for RichFaces 3.3.1</ulink> on  the JBos=
s.org Wiki</para>
+				=

           </section>
 </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.des=
c.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.desc.xml	=
2009-04-30 16:52:05 UTC (rev 13974)
+++ trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.desc.xml	=
2009-04-30 17:02:02 UTC (rev 13975)
@@ -1,8 +1,8 @@
 <?xml version=3D"1.0" encoding=3D"UTF-8"?>
-<section>
+<section id=3D"layoutPanel">
     <sectioninfo>
         <keywordset>
-            <keyword>rich:page</keyword>
+            <keyword>rich:layoutPanel</keyword>
         </keywordset>
     </sectioninfo>
     <section>
@@ -18,8 +18,9 @@
         <title>Key Features</title> =

         <itemizedlist>
             =

-            <listitem><para>Option to change the renderer of the component=
</para></listitem>
-           =

+            <listitem><para>Cross-browser compatibility</para></listitem>
+            <listitem><para>Provides possibility of an easy layout creatio=
n</para></listitem>
+         =

         </itemizedlist>  =

     </section>
 </section>
\ No newline at end of file

Modified: trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.xml	2009-=
04-30 16:52:05 UTC (rev 13974)
+++ trunk/docs/userguide/en/src/main/docbook/included/layoutPanel.xml	2009-=
04-30 17:02:02 UTC (rev 13975)
@@ -97,18 +97,19 @@
 </rich:layout>
 ...]]></programlisting>         =

         =

+        <para>You can specify the width of the layout area with the <empha=
sis><property>&quot;width&quot;</property></emphasis>attribute.</para>
         =

         =

-        <para>In more detail the component is covered in the <link linkend=
=3D"DofURichLayout"><emphasis role=3D"bold"><property>&lt;rich:layout&gt;</=
property></emphasis></link>.</para>
-        =

     </section>
     <section>
         <title>Relevant Resources Links</title>
         <para><ulink
-                url=3D"http://livedemo.exadel.com/richfaces-demo/richfaces=
/layoutPanel.jsf?c=3DlayoutPanel"
+                url=3D"http://livedemo.exadel.com/richfaces-demo/richfaces=
/layouts.jsf"
                 >On RichFaces LiveDemo page </ulink> you can see an exampl=
e of <emphasis role=3D"bold">
-                <property>&lt;layoutPanel&gt;</property>
-            </emphasis> usage and sources for the given example. </para>
+                <property>&lt;rich:layoutPanel&gt;</property>
+                </emphasis> usage and sources for the given example. </par=
a>
+        <para>The <link linkend=3D"rich_layout"><emphasis role=3D"bold"><p=
roperty>&lt;rich:layout&gt;</property></emphasis></link> chapter of the gui=
de.</para>
+        <para>The <ulink url=3D"http://www.jboss.org/community/docs/DOC-13=
336">Layout components for RichFaces 3.3.1</ulink> on  the JBoss.org Wiki.<=
/para>
     </section>
 =

 </section>

Modified: trunk/docs/userguide/en/src/main/docbook/included/rich_page.desc.=
xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- trunk/docs/userguide/en/src/main/docbook/included/rich_page.desc.xml	20=
09-04-30 16:52:05 UTC (rev 13974)
+++ trunk/docs/userguide/en/src/main/docbook/included/rich_page.desc.xml	20=
09-04-30 17:02:02 UTC (rev 13975)
@@ -9,7 +9,7 @@
         <title>Description</title>
         <para>The <emphasis role=3D"bold">
             <property>&lt;rich:page&gt;</property>
-        </emphasis> component is used to create structured layouts contain=
ing header, bottom, center and  left or right  layout areas as well as to d=
efine the content of the &lt;head/&gt; element, declare DOCTYPE etc.</para>
+        </emphasis> component is used to create basic (X)HTML markup and d=
efine document parameters like DOCTYPE,  title etc. The component also allo=
ws to build top level layout: header, bottom, center and  left or right  la=
yout areas.</para>
         =

 =

     </section>
@@ -18,10 +18,10 @@
         <itemizedlist>
             =

             =

-            <listitem><para>Option to change the renderer of the component=
</para></listitem>
+            <listitem><para>Option to change the renderer of the component=
 (themes support)</para></listitem>
             <listitem><para>Possibility to define parameters of an HTML pa=
ge</para></listitem>
-          =

-            =

+            <listitem><para>Possibility to create page layout with facets<=
/para></listitem>
+            <listitem><para>Provides styling based on RichFaces skinnabili=
ty</para></listitem>
         </itemizedlist>  =

     </section>
 </section>
\ No newline at end of file

Modified: trunk/docs/userguide/en/src/main/docbook/included/rich_page.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- trunk/docs/userguide/en/src/main/docbook/included/rich_page.xml	2009-04=
-30 16:52:05 UTC (rev 13974)
+++ trunk/docs/userguide/en/src/main/docbook/included/rich_page.xml	2009-04=
-30 17:02:02 UTC (rev 13975)
@@ -47,11 +47,9 @@
             <emphasis role=3D"bold">Example:</emphasis>
         </para>
         <programlisting role=3D"XML"><![CDATA[...
-<rich:layout>
- <rich:layoutPanel position=3D"center">
-        <!--center-->
-</rich:layoutPanel>     =

-</rich:layout>
+<rich:page> =

+  <!-- page body -->
+</rich:page>
 ...]]></programlisting>
     </section>
     <section>
@@ -60,16 +58,16 @@
         <para>
             <emphasis role=3D"bold">Example:</emphasis>
         </para>
-        <programlisting role=3D"JAVA"><![CDATA[import org.richfaces.compon=
ent.html.HtmllayoutPanel;
+        <programlisting role=3D"JAVA"><![CDATA[import org.richfaces.compon=
ent.html.HtmlPage;
 ...
-HtmllayoutPanel mylayoutPanel =3D new HtmllayoutPanel();
+HtmlPage myHtmlPage =3D new HtmlPage();
 ...]]></programlisting>
     </section>
     <section>
         <title>Details of Usage</title>
         <para>The <emphasis role=3D"bold"><property>&lt;rich:page&gt;</pro=
perty></emphasis>
             =

-            component together with the <emphasis role=3D"bold"><property>=
&lt;rich:laout&gt;</property></emphasis> component  provides
+            component together with the <emphasis role=3D"bold"><property>=
&lt;rich:layout&gt;</property></emphasis> component  provides
             a full-fledged mechanism for markup creation. </para>
         =

         =

@@ -87,7 +85,7 @@
                 <listitem><para>&quot;html-3.2&quot;</para></listitem>
 =

             </itemizedlist>
-        =

+        <para>The default value is &quot;html&quot;.</para>
             <para>
             The <emphasis><property>&quot;contentType&quot;</property></em=
phasis> allows to specify the type of the content and encoding for the page=
. =

         </para>
@@ -102,8 +100,7 @@
 </para>
         =

 <programlisting role=3D"XML"><![CDATA[...
-<rich:page pageTitle=3D"The title of the page" markupType=3D"xhtml"
-	contentType=3D"text/html; charset=3Dutf-8">
+<rich:page pageTitle=3D"The title of the page" markupType=3D"xhtml">
 	<f:facet name=3D"pageHeader">
 		<meta content=3D"The rich:page component" name=3D"keywords" />
 		<link rel=3D"shortcut icon" href=3D"/images/favicon.ico" />
@@ -114,8 +111,8 @@
 </rich:page>
 ...]]></programlisting> =

         =

-        <para>The implementation of the <emphasis role=3D"bold"><property>=
&lt;rich:page&gt;</property></emphasis> component provides three facets tha=
t you can use to arrange the layout of the page: &quot;header&quot;, &quot;=
subheader&quot;,  &quot;sidebar&quot;  and &quot;footer&quot;. Their behavi=
or is quite self-explanatory. </para>
-        <para>The position of the panel rendered by a &quot;sidebar&quot; =
facet can be set with the <emphasis><property>&quot;sidebarPosition&quot;</=
property></emphasis> attribute that can take either &quot;right&quot; or &q=
uot;left&quot; values, you can also specify width for this facet with  the =
&quot;sidebarWidth&quot; attribute. </para>
+        <para>The implementation of the <emphasis role=3D"bold"><property>=
&lt;rich:page&gt;</property></emphasis> component provides four facets that=
 you can use to arrange the layout of the page: &quot;header&quot;, &quot;s=
ubheader&quot;,  &quot;sidebar&quot;  and &quot;footer&quot;. Their behavio=
r is quite self-explanatory. </para>
+        <para>The position of the panel rendered by the &quot;sidebar&quot=
; facet can be set with the <emphasis><property>&quot;sidebarPosition&quot;=
</property></emphasis> attribute that can take either &quot;right&quot; or =
&quot;left&quot; as values, you can also specify the width for this facet w=
ith  the <emphasis><property>&quot;sidebarWidth&quot;</property></emphasis>=
 attribute. </para>
        <para>
            <emphasis role=3D"bold">Example:</emphasis>
        </para>
@@ -143,8 +140,11 @@
         =

         =

         <para>Several templates are available for the <emphasis role=3D"bo=
ld"><property>&lt;rich:page&gt;</property></emphasis> component. A template=
 can be activated with the <emphasis><property>&quot;theme&quot;</property>=
</emphasis> attribute.</para>
-        <para>The template defines the way the <emphasis role=3D"bold"><pr=
operty>&lt;rich:page&gt;</property></emphasis> is rendered. Standard render=
er(default) of the <emphasis role=3D"bold"><property>&lt;rich:page&gt;</pro=
perty></emphasis> </para>
+       =

+        <para>The theme defines the way the <emphasis role=3D"bold"><prope=
rty>&lt;rich:page&gt;</property></emphasis> is rendered. Default renderer(d=
efault theme) of the <emphasis role=3D"bold"><property>&lt;rich:page&gt;</p=
roperty></emphasis> has no mappings to skin parameters and just provides CS=
S classes for the page part. However, the <property>simple</property> theme=
, which is an extension of the default theme, has mappings to skin paramete=
rs and adds the RichFaces skinning for the page elements. </para>
         =

+        <para>As a whole, RichFaces provides 4 themes for the <emphasis ro=
le=3D"bold"><property>&lt;rich:page&gt;</property></emphasis> component out=
-of-the-box: &quot;simple&quot;, &quot;violetRays&quot;, &quot;oldschool&qu=
ot;, &quot;smooth&quot;. The <ulink url=3D"http://www.jboss.org/community/d=
ocs/DOC-13635">Creating a Theme for &lt;rich:page&gt;</ulink> article tells=
 how you can create your custom theme for the <emphasis role=3D"bold"><prop=
erty>&lt;rich:page&gt;</property></emphasis> component. </para>
+        =

     </section>
     =

     <section>
@@ -187,7 +187,314 @@
         </table>
     </section>
     =

+    <section>
+        <title>Skin Parameters for the &quot;simple&quot; theme</title>
+        <table>
+            <title>Skin parameters  for the &lt;body/&gt; HTML element</ti=
tle>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    <row>
+                        <entry>generalFamilyFont</entry>
+                        <entry>font-family</entry>
+                    </row>
+                    =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        =

+        <table>
+            <title>Skin parameters  for the whole page</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    <row>
+                        <entry>generalSizeFont</entry>
+                        <entry>font-size</entry>
+                    </row>
+                    =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        <table>
+            <title>Skin parameters  for the header</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    <row>
+                        <entry>generalSizeFont </entry>
+                        <entry>border-bottom-color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>headerGradientColor</entry>
+                        <entry>background-color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>trimColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>headerFamilyFont</entry>
+                        <entry>font-family</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>headerTextColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                    =

+                    <row>
+                        <entry>headerSizeFont</entry>
+                        <entry>font-size</entry>
+                    </row>
+
+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        <table>
+            <title>Skin parameters  for the content area of the page</titl=
e>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    <row>
+                        <entry>generalBackgroundColor</entry>
+                        <entry>background-color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>panelBorderColor</entry>
+                        <entry>border-top-color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>trimColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalFamilyFont</entry>
+                        <entry>font-family</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalTextColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalSizeFont</entry>
+                        <entry>font-size</entry>
+                    </row>
+                    =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        <table>
+            <title>Skin parameters  for the footer</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    <row>
+                        <entry>generalBackgroundColor</entry>
+                        <entry>border-top-color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>panelBorderColor</entry>
+                        <entry>background-color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalFamilyFont</entry>
+                        <entry>font-family</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalTextColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalSizeFont</entry>
+                        <entry>font-size</entry>
+                    </row>
+                    =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        =

+        <table>
+            <title>Skin parameters  for the side panel</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+
+                    <row>
+                        <entry>generalFamilyFont</entry>
+                        <entry>font-family</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalTextColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>generalSizeFont</entry>
+                        <entry>font-size</entry>
+                    </row>
+                    =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        <table>
+            <title>Skin parameters  for h1,h2,h3 HTML tags</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    =

+                    <row>
+                        <entry>headerFamilyFont</entry>
+                        <entry>font-family</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>headTextColor</entry>
+                        <entry>color</entry>
+                    </row>
+                      =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        =

+        <table>
+            <title>Skin parameters  for p,ul,ol HTML tags</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    =

+                    <row>
+                        <entry>generalFamilyFont</entry>
+                        <entry>font-family</entry>
+                    </row>
+                    =

+                    <row>
+                        <entry>controlTextColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        =

+        <table>
+            <title>Skin parameters  for the hovered link</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    =

+                    <row>
+                        <entry>hoverLinkColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                                   =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+        =

+        =

+        <table>
+            <title>Skin parameters  for the visited link</title>
+            <tgroup cols=3D"2">
+                <thead>
+                    <row>
+                        <entry>Skin parameters</entry>
+                        <entry>CSS properties</entry>
+                    </row>
+                </thead>
+                <tbody>
+                    =

+                    <row>
+                        <entry>visitedLinkColor</entry>
+                        <entry>color</entry>
+                    </row>
+                    =

+                    =

+                </tbody>
+            </tgroup>
+        </table>
+        =

+      =

+    </section>
     =

+    =

     <section>
         <title>Component CSS Selectors</title>
         =

@@ -240,4 +547,13 @@
         </table>    =

   =

     </section>
+    <section>
+        <title>Relevant Resources Links</title>
+        <para>
+            <ulink url=3D"http://livedemo.exadel.com/richfaces-demo/richfa=
ces/layouts.jsf"
+                >On the component Live Demo page</ulink> you can see the e=
xample of <emphasis role=3D"bold">
+                    <property>&lt;rich:page&gt;</property>
+                </emphasis> component usage and sources for the given exam=
ple. </para>
+        <para>The <ulink url=3D"http://www.jboss.org/community/docs/DOC-13=
336">Layout components for RichFaces 3.3.1</ulink> on  the JBoss.org Wiki</=
para>
+    </section>
 </section>
\ No newline at end of file


--===============4015960662584342648==--