Author: cluts Date: 2008-05-21 07:05:49 -0400 (Wed, 21 May 2008) New Revision: 8669 Added: trunk/docs/userguide/en/src/main/resources/images/toolBarGroup_oc.png Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml Log: RF-3217 - added new sections (Definition of Custom Style Classes and Relevant resources links) and deleted one section (Skin Parameters Redefinition); added one screen. Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml 2008-05-21 10:59:58 UTC (rev 8668) +++ trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml 2008-05-21 11:05:49 UTC (rev 8669) @@ -156,35 +156,47 @@ </listitem> </itemizedlist> </section> - <section> - <title>Skin Parameters Redefinition</title> - <table> - <title>Skin parameters redefinition</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>headTextColor</entry> - <entry>color</entry> - </row> - <row> - <entry>headerFamilyFont</entry> - <entry>font-family</entry> - </row> - </tbody> - </tgroup> - </table> + <title>Definition of Custom Style Classes</title> + <para>It’s possible to change styles of particular <emphasis role="bold" + ><property>&lt;rich:toolBarGroup&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold" + ><property>&lt;rich:toolBarGroup&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:toolBarGroup&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:toolBarGroup ... styleClass="myClass"/> +]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with own classes and <emphasis><property>&quot;styleClass&quot;</property></emphasis> attributes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/toolBarGroup_oc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>As it could be seen on the picture above,font style for first toolBarGroup was changed.</para> </section> - - + <section> + <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/toolBar.jsf...;. + </para> + </section> </section> \ No newline at end of file Added: trunk/docs/userguide/en/src/main/resources/images/toolBarGroup_oc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/toolBarGroup_oc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream