Author: cluts Date: 2008-04-24 02:28:44 -0400 (Thu, 24 Apr 2008) New Revision: 8105 Added: trunk/docs/userguide/en/src/main/resources/images/dataDefinitionList_oc.png trunk/docs/userguide/en/src/main/resources/images/dataDefinitionList_pc.png trunk/docs/userguide/en/src/main/resources/images/dataOrderedList_oc.png trunk/docs/userguide/en/src/main/resources/images/dataOrderedList_pc.png trunk/docs/userguide/en/src/main/resources/images/menuGroup_oc.png trunk/docs/userguide/en/src/main/resources/images/menuGroup_pc.png trunk/docs/userguide/en/src/main/resources/images/menuItem_oc.png trunk/docs/userguide/en/src/main/resources/images/menuItem_pc.png trunk/docs/userguide/en/src/main/resources/images/menuSeparator_pc.png Modified: trunk/docs/userguide/en/src/main/docbook/included/dataDefinitionList.xml trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml Log: RF-1052 - done for dataOrderedList, dataDefinitionList, menuGroup(-Item, Separator):added information and screens Modified: trunk/docs/userguide/en/src/main/docbook/included/dataDefinitionList.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dataDefinitionList.xml 2008-04-24 00:14:18 UTC (rev 8104) +++ trunk/docs/userguide/en/src/main/docbook/included/dataDefinitionList.xml 2008-04-24 06:28:44 UTC (rev 8105) @@ -197,7 +197,7 @@ </mediaobject> </figure> - <table> + <table id="tab_dDL"> <title>Classes names that define a list appearance</title> <tgroup cols="2"> <thead> @@ -226,14 +226,60 @@ <para>In order to redefine styles for all <emphasis role="bold"> <property>&lt;rich:dataDefinitionList&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> + same names (possible classes could be found in the tables <link linkend="tab_dDL"> above</link>) and define necessary properties in them. </para> - <para>To change styles of particular <emphasis role="bold"> - <property>&lt;rich:dataDefinitionList&gt;</property> - </emphasis> components, define your own style classes in the corresponding <emphasis - role="bold"> - <property>&lt;rich:dataDefinitionList&gt;</property> - </emphasis>attributes.</para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.rich-definition-term{ + font-weight:bold; +} +...]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with predefined classes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/dataDefinitionList_pc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>In the example a term font weight was changed.</para> + + <para>Also it’s possible to change styles of particular <emphasis role="bold" + ><property>&lt;rich:dataDefinitionList&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold" + ><property>&lt;rich:dataDefinitionList&gt;</property></emphasis> <emphasis><property>styleClass</property></emphasis> attributes. An example is placed below:</para> + + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.myClass{ + font-style: italic; +} +...]]></programlisting> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[<rich:dataDefinitionList ... rowClasses="myClass"/> +]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with own classes and <emphasis><property>styleClass</property></emphasis> attributes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/dataDefinitionList_oc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>As it could be seen on the picture above, the font style for rows was changed.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml 2008-04-24 00:14:18 UTC (rev 8104) +++ trunk/docs/userguide/en/src/main/docbook/included/dataOrderedList.xml 2008-04-24 06:28:44 UTC (rev 8105) @@ -195,7 +195,7 @@ </mediaobject> </figure> - <table> + <table id="tab_dOL"> <title>Classes names that define a list appearance</title> <tgroup cols="2"> <thead> @@ -218,16 +218,62 @@ </table> <para>In order to redefine styles for all <emphasis role="bold"> - <property>&lt;rich:dataOrderedList&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:dataOrderedList&gt;</property> - </emphasis> components, define your own style classes in the corresponding <emphasis - role="bold"> - <property>&lt;rich:dataOrderedList&gt;</property> - </emphasis>attributes.</para> + <property>&lt;rich:dataOrderedList&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 tables <link linkend="tab_dOL"> above</link>) and define necessary properties in them. </para> + + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.rich-orderedlist{ + background-color: #ebf3fd; +} +...]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with predefined classes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/dataOrderedList_pc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>In the example background color was changed.</para> + + <para>Also it’s possible to change styles of particular <emphasis role="bold" + ><property>&lt;rich:dataOrderedList&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold" + ><property>&lt;rich:dataOrderedList&gt;</property></emphasis> <emphasis><property>styleClass</property></emphasis> attributes. An example is placed below:</para> + + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.myClass{ + font-style: italic; +} +...]]></programlisting> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[<rich:dataOrderedList ... styleClass="myClass"/> +]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with own classes and <emphasis><property>styleClass</property></emphasis> attributes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/dataOrderedList_oc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>As it could be seen on the picture above, the font style was changed.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml 2008-04-24 00:14:18 UTC (rev 8104) +++ trunk/docs/userguide/en/src/main/docbook/included/menuGroup.xml 2008-04-24 06:28:44 UTC (rev 8105) @@ -261,7 +261,7 @@ </imageobject> </mediaobject> </figure> - <table> + <table id="tab_mG"> <title>Classes names that define an appearance of group elements</title> <tgroup cols="2"> <thead> @@ -331,14 +331,64 @@ <para>In order to redefine styles for all <emphasis role="bold"> <property>&lt;rich:menuGroup&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> + same names (possible classes could be found in the tables <link linkend="tab_mG"> above</link>) and define necessary properties in them. </para> - <para>To change styles of particular <emphasis role="bold"> - <property>&lt;rich:menuGroup&gt;</property> - </emphasis> components, define your own style classes in the corresponding <emphasis - role="bold"> - <property>&lt;rich:menuGroup&gt;</property> - </emphasis>attributes.</para> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.rich-menu-item-label-disabled{ + font-style: italic; +} +...]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with predefined classes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/menuGroup_pc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>In the example a disabled label font style was changed.</para> + + <para>Also it’s possible to change styles of particular <emphasis role="bold" + ><property>&lt;rich:menuGroup&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold" + ><property>&lt;rich:menuGroup&gt;</property></emphasis> <emphasis><property>styleClass</property></emphasis> attributes. An example is placed below:</para> + + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.myClass{ + background-color: #acbece; + border: none; +} +...]]></programlisting> + <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold" + ><property>&lt;rich:menuGroup&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:menuGroup value="Save As..." selectClass="myClass"> +]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with own classes and <emphasis><property>styleClass</property></emphasis> attributes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/menuGroup_oc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>As it could be seen on the picture above, the background color for selected class was changed. Also selected class has no border.</para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml 2008-04-24 00:14:18 UTC (rev 8104) +++ trunk/docs/userguide/en/src/main/docbook/included/menuItem.xml 2008-04-24 06:28:44 UTC (rev 8105) @@ -289,7 +289,7 @@ </imageobject> </mediaobject> </figure> - <table> + <table id="tab_mI"> <title>Classes names that define an appearance of item elements</title> <tgroup cols="2"> <thead> @@ -369,16 +369,66 @@ </tgroup> </table> <para>In order to redefine styles for all <emphasis role="bold"> - <property>&lt;rich:menuItem&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:menuItem&gt;</property> - </emphasis> components, define your own style classes in the corresponding <emphasis - role="bold"> - <property>&lt;rich:menuItem&gt;</property> - </emphasis>attributes.</para> + <property>&lt;rich:menuItem&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 tables <link linkend="tab_mI"> above</link>) and define necessary properties in them. </para> + + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.rich-menu-item-disabled{ + font-style: italic; +} +...]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with predefined classes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/menuItem_pc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>In the example a disabled item font style was changed.</para> + + <para>Also it’s possible to change styles of particular <emphasis role="bold" + ><property>&lt;rich:menuItem&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold" + ><property>&lt;rich:menuItem&gt;</property></emphasis> <emphasis><property>styleClass</property></emphasis> attributes. An example is placed below:</para> + + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.myClass{ + border-color: #bed6f8; + background-color: #ffffff; +} +...]]></programlisting> + <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold" + ><property>&lt;rich:menuItem&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:menuItem ... selectStyle="myClass"> +]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with own classes and <emphasis><property>styleClass</property></emphasis> attributes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/menuItem_oc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>As it could be seen on the picture above, the background color and border color for selected item were changed. </para> </section> <section> <title>Relevant Resources Links</title> Modified: trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml 2008-04-24 00:14:18 UTC (rev 8104) +++ trunk/docs/userguide/en/src/main/docbook/included/menuSeparator.xml 2008-04-24 06:28:44 UTC (rev 8105) @@ -132,7 +132,7 @@ </imageobject> </mediaobject> </figure> - <table> + <table id="tab_mS"> <title>Classes names that define separator element appearance.</title> <tgroup cols="2"> <thead> @@ -150,16 +150,31 @@ </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 class with the - same name and define necessary properties in it.</para> + <property>&lt;rich:menuSeparator&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 tables <link linkend="tab_mS"> above</link>) and define necessary properties in them. </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> + <para> + <emphasis role="bold">Example:</emphasis> + </para> + <programlisting role="CSS"><![CDATA[... +.rich-menu-separator{ + border-color: #acbece; +} +...]]></programlisting> + + <para>This is a result:</para> + + <figure> + <title>Redefinition styles with predefined classes</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/menuSeparator_pc.png"/> + </imageobject> + </mediaobject> + </figure> + + <para>In the example a menu separator border color was changed.</para> </section> <section> <title>Relevant Resources Links</title> Added: trunk/docs/userguide/en/src/main/resources/images/dataDefinitionList_oc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/dataDefinitionList_oc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/dataDefinitionList_pc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/dataDefinitionList_pc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/dataOrderedList_oc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/dataOrderedList_oc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/dataOrderedList_pc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/dataOrderedList_pc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/menuGroup_oc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/menuGroup_oc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/menuGroup_pc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/menuGroup_pc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/menuItem_oc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/menuItem_oc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/menuItem_pc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/menuItem_pc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/menuSeparator_pc.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/menuSeparator_pc.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream