Author: ochikvina Date: 2007-11-01 11:11:32 -0400 (Thu, 01 Nov 2007) New Revision: 3676 Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenu.xml Log: http://jira.jboss.com/jira/browse/RF-920 - adding Look and Feel section Modified: trunk/docs/userguide/en/src/main/docbook/included/panelMenu.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/panelMenu.xml 2007-11-01 14:56:38 UTC (rev 3675) +++ trunk/docs/userguide/en/src/main/docbook/included/panelMenu.xml 2007-11-01 15:11:32 UTC (rev 3676) @@ -233,15 +233,57 @@ </table> </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>To redefine the appearance of all <emphasis role="bold"> + <property>&lt;rich:panelMenu&gt;</property> + </emphasis> components at once, you should add to your style sheets <emphasis> + <property>style class</property> + </emphasis> used by a <emphasis role="bold"> + <property>&lt;rich:panelMenu&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>Class description</entry> + </row> + </thead> + <tbody> + + <row> + <entry>rich-panel-menu</entry> + <entry>Defines styles for a wrapper &lt;div&gt; element of a component</entry> + </row> + + </tbody> + </tgroup> + </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> + + <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>As this component is just a wrapper for its children its provide the only - &quot;rich-panel-menu&quot; class for wrapper div element. To redefine appearance of - particular panel menus, it&apos;s possible to define your own CSS class. And then just - define it in the components class attribute. </para> - </section> <section> <title>Relevant Resources Links</title>