Author: ochikvina Date: 2007-11-02 08:03:04 -0400 (Fri, 02 Nov 2007) New Revision: 3710 Modified: trunk/docs/userguide/en/src/main/docbook/included/separator.xml Log: http://jira.jboss.com/jira/browse/RF-920 - adding Definition of Custom Style Classes section Modified: trunk/docs/userguide/en/src/main/docbook/included/separator.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/separator.xml 2007-11-02 12:02:15 UTC (rev 3709) +++ trunk/docs/userguide/en/src/main/docbook/included/separator.xml 2007-11-02 12:03:04 UTC (rev 3710) @@ -107,21 +107,61 @@ </itemizedlist> </section> + <section> <title>Look-and-Feel Customization</title> - <para>On the component generation, the framework presents a default rich-separator class in - styleClass of a generated component, i.e. in order to redefine appearance of all - <property>separators</property> at once, it&apos;s necessary to redefine this class in - your own CSS (replacing in the result properties defined in a skin with your own).</para> - <para>To define appearance of a particular <property>separators</property>, it&apos;s - possible to write your own CSS classes and properties in the component style attributes - (<emphasis><property>&quot;style&quot;</property>,</emphasis> - <emphasis> - <property>&quot;styleClass&quot;</property> - </emphasis>) modifying component property.</para> + <para>For skinnability implementation, the components use a <emphasis> + <property>style class redefinition method.</property> + </emphasis></para> + + <para>To redefine the appearance of all <emphasis role="bold"> + <property>&lt;rich:separator&gt;</property> + </emphasis> components at once, you should add to your style sheets the <emphasis> + <property>style class</property> + </emphasis> used by a <emphasis role="bold"> + <property>&lt;rich:separator&gt;</property> + </emphasis> component.</para> </section> <section> + <title>Definition of Custom Style Classes</title> + <table> + <title>Classes names that define a component appearance</title> + + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + + <entry>Description</entry> + </row> + </thead> + + <tbody> + <row> + <entry>rich-separator</entry> + + <entry>Defines styles for a component appearance</entry> + </row> + + </tbody> + </tgroup> + </table> + + <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> + + <para>To change styles of particular <emphasis role="bold"> + <property>&lt;rich:separator&gt;</property> + </emphasis> components, define your own style class in the corresponding <emphasis + role="bold"> + <property>&lt;rich:separator&gt;</property> + </emphasis>attributes.</para> + </section> + + <section> <title>Relevant Resources Links</title> <para> <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/separator.j...