Author: vsukhov Date: 2008-02-19 13:32:51 -0500 (Tue, 19 Feb 2008) New Revision: 6181 Added: trunk/docs/userguide/en/src/main/resources/images/pickList2.png trunk/docs/userguide/en/src/main/resources/images/pickListClass.png trunk/docs/userguide/en/src/main/resources/images/pickListStyle.png Modified: trunk/docs/userguide/en/src/main/docbook/included/pickList.xml Log: http://jira.jboss.com/jira/browse/RF-2174 Done screenshots and added code samples for pickList. Modified: trunk/docs/userguide/en/src/main/docbook/included/pickList.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/pickList.xml 2008-02-19 18:03:16 UTC (rev 6180) +++ trunk/docs/userguide/en/src/main/docbook/included/pickList.xml 2008-02-19 18:32:51 UTC (rev 6181) @@ -549,18 +549,18 @@ <para>On the screenshot there are classes names that define styles for component elements.</para> - <!--figure> + <figure> <title>Classes names</title> <mediaobject> <imageobject> - <imagedata fileref="images/orderingList_classes_1.png"/> + <imagedata fileref="images/pickList2.png"/> </imageobject> </mediaobject> - </figure--> + </figure> - <table > + <table id="pickListC"> <title>Classes names that define a list representation</title> <tgroup cols="2"> <thead> @@ -572,11 +572,11 @@ <tbody> <row> <entry>rich-picklist-list</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a wrapper table element of a pickList</entry> </row> <row> <entry>rich-list-picklist</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a wrapper table element of a pickList</entry> </row> </tbody> </tgroup> @@ -594,11 +594,11 @@ <tbody> <row> <entry>rich-list-picklist-button</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a button</entry> </row> <row> <entry>rich-list-picklist-button-disabled</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a disabled button</entry> </row> </tbody> </tgroup> @@ -616,11 +616,11 @@ <tbody> <row> <entry>rich-list-picklist-button-press</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a pressed button</entry> </row> <row> <entry>rich-list-picklist-button-light</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a button highlight</entry> </row> </tbody> </tgroup> @@ -638,7 +638,7 @@ <tbody> <row> <entry>rich-list-picklist-button-selection</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a button selection</entry> </row> </tbody> </tgroup> @@ -655,8 +655,8 @@ </thead> <tbody> <row> - <entry>ich-list-picklist-button-content</entry> - <entry>rich-picklist-list</entry> + <entry>rich-list-picklist-button-content</entry> + <entry>Defines styles for a button content</entry> </row> </tbody> @@ -675,11 +675,11 @@ <tbody> <row> <entry>rich-picklist-source-items</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for an item in a source list</entry> </row> <row> <entry>rich-picklist-target-items</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for an item in a target list</entry> </row> </tbody> @@ -698,11 +698,11 @@ <tbody> <row> <entry>rich-picklist-source-cell</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a cell in a source list</entry> </row> <row> <entry>rich-picklist-target-cell</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a cell in a target list</entry> </row> </tbody> </tgroup> @@ -722,23 +722,23 @@ <tbody> <row> <entry>rich-picklist-control-disabled</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a control in a disabled state</entry> </row> <row> <entry>rich-picklist-control-copyall</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a "copyAll" control</entry> </row> <row> <entry>rich-picklist-control-copy</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a "Copy" control</entry> </row> <row> <entry>rich-picklist-control-remove</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a "Remove" control</entry> </row> <row> <entry>rich-picklist-control-removeall</entry> - <entry>rich-picklist-list</entry> + <entry>Defines styles for a "removeAll" control</entry> </row> </tbody> @@ -748,14 +748,14 @@ <para>In order to redefine styles for all <emphasis role="bold"> <property>&lt;rich:pickList&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="OrderL"> above</link>) and define necessary properties in them. </para> + same names (possible classes could be found in the tables <link linkend="pickListC"> above</link>) and define necessary properties in them. </para> - <!--para> + <para> <emphasis role="bold">Example:</emphasis> </para> <programlisting role="CSS"><![CDATA[... -.rich-ordering-list-table-header-cell{ - font-weight:bold; +.rich-picklist-list{ + background-color:#ecf4fe; } ...]]></programlisting> @@ -765,16 +765,16 @@ <title>Redefinition styles with predefined classes</title> <mediaobject> <imageobject> - <imagedata fileref="images/orderinListClass.png"/> + <imagedata fileref="images/pickListClass.png"/> </imageobject> </mediaobject> </figure> - <para>In the example the font weight for header text was changed.</para> + <para>In the example the background color for lists was changed.</para> <para>Also it’s possible to change styles of particular <emphasis role="bold" - ><property>&lt;rich:orderingList&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold" - ><property>&lt;rich:orderingList&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para> + ><property>&lt;rich:pickList&gt;</property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold" + ><property>&lt;rich:pickList&gt;</property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para> <para> <emphasis role="bold">Example:</emphasis> @@ -784,28 +784,28 @@ font-style:italic; } ...]]></programlisting> - <para>The <emphasis><property>&quot;rowClasses&quot;</property></emphasis> attribute for <emphasis role="bold" - ><property>&lt;rich:orderingList&gt;</property></emphasis> is defined as it’s shown in the example below:</para> + <para>The <emphasis><property>&quot;styleClass&quot;</property></emphasis> attribute for <emphasis role="bold" + ><property>&lt;rich:pickList&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:orderingList ... rowClasses="myClass"/> + <programlisting role="CSS"><![CDATA[<rich:pickList ... styleClass="myClass"/> ]]></programlisting> <para>This is a result:</para> <figure> - <title>Redefinition styles with own classes and <emphasis><property>styleClass</property></emphasis> attributes</title> + <title>Redefinition styles with own classes and styleClass attributes</title> <mediaobject> <imageobject> - <imagedata fileref="images/orderinListStyle.png"/> + <imagedata fileref="images/pickListStyle.png"/> </imageobject> </mediaobject> </figure> - <para>As it could be seen on the picture above, the font style for rows was changed.</para--> - + <para>As it could be seen on the picture above, the font style for buttons was changed.</para> + </section> <section> Added: trunk/docs/userguide/en/src/main/resources/images/pickList2.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/pickList2.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/pickListClass.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/pickListClass.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/docs/userguide/en/src/main/resources/images/pickListStyle.png =================================================================== (Binary files differ) Property changes on: trunk/docs/userguide/en/src/main/resources/images/pickListStyle.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream