Author: cluts Date: 2008-01-25 11:23:56 -0500 (Fri, 25 Jan 2008) New Revision: 5641 Modified: trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml Log: http://jira.jboss.com/jira/browse/RF-1052 - done for dropdownmenu Modified: trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml 2008-01-25 16:23:39 UTC (rev 5640) +++ trunk/docs/userguide/en/src/main/docbook/included/dropDownMenu.xml 2008-01-25 16:23:56 UTC (rev 5641) @@ -535,7 +535,7 @@ </mediaobject> </figure> - <table> + <table id="tab_cn4"> <title>Classes names that define a label</title> <tgroup cols="2"> @@ -633,38 +633,33 @@ </table> <para>In order to redefine styles for all <emphasis role="bold"> - <property>&lt;rich:dropDownMenu&gt;</property> - </emphasis> components on a page using CSS, it&apos;s enough to create classes with the - same names and define necessary properties in them.</para> - - <para>To change styles of particular <emphasis role="bold"> - <property>&lt;rich:dropDownMenu&gt;</property> - </emphasis> components, define your own style classes in the corresponding <emphasis - role="bold"> - <property>&lt;rich:dropDownMenu&gt;</property> - </emphasis>attributes.</para> + <property>&lt;rich:dropDownMenu&gt;</property> + </emphasis> components on a page using CSS, it&apos;s enough to create classes with the + same names (possible classes could be found in the table <link linkend="tab_cn4">above</link>) and define necessary properties in them. An example is placed below:</para> - <para>CSS code piece used on a page:</para> - <para> <emphasis role="bold">Example:</emphasis> </para> <programlisting role="CSS"><![CDATA[... .rich-ddmenu-label-select{ - font-size: 15px; - color: #FFF0F5; + background-color: #fae6b0; + border-color: #e5973e; } -.myClass{ - background-color: #2F4F4F; -} -...]]></programlisting> - <para>The component is defined in the following way:</para> +...]]></programlisting> - <para> - <emphasis role="bold">Example:</emphasis> - </para> - <programlisting role="XML"><![CDATA[<rich:dropDownMenu ... inputClass="myClass" .../>]]></programlisting> + <para>This is a result:</para> + <figure> + <title>Redefinition styles with predefined classes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/dropDownMenu_CS1.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>In the example a label select background color and border color were changed.</para> + </section> <section>