Author: ochikvina Date: 2007-11-08 09:49:58 -0500 (Thu, 08 Nov 2007) New Revision: 3823 Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml trunk/docs/userguide/en/src/main/docbook/included/tree.xml Log: http://jira.jboss.com/jira/browse/RF-920 - verifying skin parameters Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2007-11-08 14:48:28 UTC (rev 3822) +++ trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2007-11-08 14:49:58 UTC (rev 3823) @@ -133,17 +133,17 @@ <section> <title>Skin Parameters Redefinition</title> <table> - <title>Skin parameters redefinition</title> + <title>Skin parameters redefinition for a component exterior</title> <tgroup cols="2"> <thead> <row> - <entry>Skin parameters for the toolbar component</entry> - <entry>Corresponding CSS parameters</entry> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> </row> </thead> <tbody> <row> - <entry>tableBorderColor</entry> + <entry>panelBorderColor</entry> <entry>border-color</entry> </row> <row> @@ -153,12 +153,43 @@ </tbody> </tgroup> </table> + + <table> + <title>Skin parameters redefinition for a component item</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>headerSizeFont</entry> + <entry>font-size</entry> + </row> + <row> + <entry>headerTextColor</entry> + <entry>color</entry> + </row> + <row> + <entry>headerWeightFont</entry> + <entry>font-weight</entry> + </row> + <row> + <entry>headerFamilyFont</entry> + <entry>font-family</entry> + </row> + </tbody> + </tgroup> + </table> + </section> <section> <title>Definition of Custom Style Classes</title> <table> - <title>Classes names that define a toolBar</title> + <title>Classes names that define a component appearance</title> <tgroup cols="2"> <thead> <row> @@ -178,9 +209,7 @@ </tbody> </tgroup> </table> - <para>On generating, the component substitutes the default class rich-toolbar-exterior into <emphasis> - <property>style class</property> - </emphasis> of a generated component.</para> + <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 Modified: trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml 2007-11-08 14:48:28 UTC (rev 3822) +++ trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml 2007-11-08 14:49:58 UTC (rev 3823) @@ -217,12 +217,12 @@ <section> <title>Skin Parameters Redefinition</title> <table> - <title>Skin parameters redefinition</title> + <title>Skin parameters redefinition for a component</title> <tgroup cols="2"> <thead> <row> - <entry>Skin parameters for the tooltip component</entry> - <entry>Corresponding CSS parameters</entry> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> </row> </thead> <tbody> @@ -256,7 +256,7 @@ <section> <title>Definition of Custom Style Classes</title> <table> - <title>Classes names that define a tooltip</title> + <title>Classes names that define a component appearance</title> <tgroup cols="2"> <thead> <row> Modified: trunk/docs/userguide/en/src/main/docbook/included/tree.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/tree.xml 2007-11-08 14:48:28 UTC (rev 3822) +++ trunk/docs/userguide/en/src/main/docbook/included/tree.xml 2007-11-08 14:49:58 UTC (rev 3823) @@ -412,36 +412,51 @@ handlers of <property>treeNode</property> capture events occured on <property>treeNode</property> only, except for children events. </para> </section> + <section> <title>Look-and-Feel Customization</title> - <para>For skinnability implementation the components use a <emphasis> - <property>style class redefinition method</property> - </emphasis>.</para> - <para>Default style classes are mapped on <emphasis><property>skin - parameters</property>.</emphasis></para> - <para>To redefine an appearance of all <property>trees</property> at once, there are two ways:</para> + + <para>For skinnability implementation, the components use a <emphasis> + <property>style class redefinition method.</property> + </emphasis> Default style classes are mapped on <emphasis> + <property>skin parameters.</property> + </emphasis></para> + + <para>There are two ways to redefine the appearance of all <emphasis role="bold"> + <property>&lt;rich:tree&gt;</property> + </emphasis> components at once:</para> + <itemizedlist> - <listitem>to redefine corresponding skin parameters</listitem> - <listitem>to add <emphasis> + <listitem> + <para>Redefine the corresponding skin parameters</para> + </listitem> + + <listitem> + <para>Add to your style sheets <emphasis> <property>style classes</property> - </emphasis> used by the <property>tree</property> to your page style sheets</listitem> + </emphasis> used by a <emphasis role="bold"> + <property>&lt;rich:tree&gt;</property> + </emphasis> component</para> + </listitem> </itemizedlist> </section> + <section> <title>Skin Parameters Redefinition:</title> - <para>There is only one skin parameter for the <property>tree</property> since <emphasis - role="bold"> - <property>&lt;rich:tree&gt;</property> - </emphasis> is a wrapper component for <property>treeNodes</property>. Look and feel is - described in details in the <link linkend="treeNode">&quot;treeNode&quot; - chapter</link>.</para> + <para>There is only one skin parameter for <emphasis + role="bold"> + <property>&lt;rich:tree&gt;</property> + </emphasis> as it&apos;s a wrapper component for <emphasis + role="bold"> + <property>&lt;rich:treeNode&gt;</property> + </emphasis> components. Look and feel customizationis is described in details in the <link linkend="SPRofTN">following section.</link></para> <table> - <title>Skin parameters for wrapper element</title> + <title>Skin parameters for a wrapper element</title> <tgroup cols="2"> <thead> <row> - <entry>Skin parameters for a wrapper element</entry> - <entry>Properties corresponding to a CSS parameter</entry> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> </row> </thead> <tbody> @@ -456,7 +471,7 @@ <section> <title>Definition of Custom Style Classes</title> <table> - <title>Classes names that define a tree</title> + <title>Classes names that define a component appearance</title> <tgroup cols="2"> <thead> <row>