Author: smukhina Date: 2009-04-02 13:12:33 -0400 (Thu, 02 Apr 2009) New Revision: 13363 Modified: trunk/docs/userguide/en/src/main/docbook/included/colorPicker.xml Log: https://jira.jboss.org/jira/browse/RF-6581 -language is checked Modified: trunk/docs/userguide/en/src/main/docbook/included/colorPicker.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/colorPicker.xml 2009-04-02 15:10:23 UTC (rev 13362) +++ trunk/docs/userguide/en/src/main/docbook/included/colorPicker.xml 2009-04-02 17:12:33 UTC (rev 13363) @@ -70,7 +70,7 @@ The <emphasis role="bold"> <property>&lt;rich:colorPicker&gt;</property> </emphasis> - component allows you simply select a color or define it in hex, RGB, or HSB input fields. + component allows you easily select a color or define it in hex, RGB, or HSB input fields. There are two squares in the widget that help you to compare the currently selected color and the already selected color. </para> @@ -80,7 +80,7 @@ <emphasis>&quot;value&quot;</emphasis> </property> attribute stores - selected color. + the selected color. </para> <para> The value of the @@ -164,18 +164,18 @@ with the help of the <property><emphasis>&quot;arrows&quot;</emphasis></property> facet. - </para> + </para> <programlisting role="XML"> <![CDATA[... -<rich:colorPicker value="#{bean.color}"> +<rich:colorPicker value="#{bean.color}"> <f:facet name="icon"> <h:graphicImage value="/pages/colorPicker_ico.png" /> - </f:facet> + </f:facet> <f:facet name="arrows"> - <f:verbatim> - <div style="width: 33px; height: 5px; border: 1px solid #bed6f8; background:none;" /> + <f:verbatim> + <div style="width: 33px; height: 5px; border: 1px solid #bed6f8; background:none;" /> </f:verbatim> - </f:facet> + </f:facet> </rich:colorPicker> ...]]> </programlisting> @@ -196,8 +196,8 @@ </imageobject> </mediaobject> </figure> - </section> - + </section> + <section> <title>Look-and-Feel Customization</title> <para>For skinnability implementation, the components use a <emphasis> @@ -210,12 +210,12 @@ </emphasis> components at once: <itemizedlist> <listitem><para>Redefine the corresponding skin parameters</para></listitem> - <listitem><para> Add to your style sheets style classes used by a <emphasis role="bold"> - <property>&lt;rich:colorPicker&gt;</property> - </emphasis> component</para></listitem> + <listitem><para> Add style classes used by a <emphasis role="bold"> + <property>&lt;rich:colorPicker&gt;</property> + </emphasis> component to your style sheets</para></listitem> </itemizedlist> </para> - </section> + </section> <section> <title>Skin Parameters Redefinition</title> <table> @@ -235,14 +235,14 @@ <row> <entry>generalSizeFont</entry> <entry>font-size</entry> - </row> + </row> <row> <entry>generalFamilyFont</entry> <entry>font-family</entry> </row> </tbody> </tgroup> - </table> + </table> <table> <title>Skin parameters redefinition for the wrapper &lt;div&gt; element of a widget</title> <tgroup cols="2"> @@ -256,18 +256,18 @@ <row> <entry>panelBorderColor</entry> <entry>border-color</entry> - </row> + </row> <row> <entry>generalBackgroundColor</entry> <entry>background-color</entry> - </row> + </row> <row> <entry>generalFamilyFont</entry> <entry>font-family</entry> </row> </tbody> </tgroup> - </table> + </table> <table> <title>Skin parameters redefinition for the icon, color palette, current color, and new color</title> <tgroup cols="2"> @@ -284,7 +284,7 @@ </row> </tbody> </tgroup> - </table> + </table> <table> <title>Skin parameters redefinition for the hex, RGB, and HSB input fileds</title> <tgroup cols="2"> @@ -298,26 +298,26 @@ <row> <entry>generalSizeFont</entry> <entry>font-size</entry> - </row> + </row> <row> <entry>generalFamilyFont</entry> <entry>font-family</entry> - </row> + </row> <row> <entry>generalTextColor</entry> <entry>color</entry> - </row> + </row> <row> <entry>panelBorderColor</entry> <entry>border-color</entry> - </row> + </row> <row> <entry>controlBackgroundColor</entry> <entry>background-color</entry> </row> </tbody> </tgroup> - </table> + </table> <table> <title>Skin parameters redefinition for the &quot;Apply&quot; and &quot;Cancel&quot; button</title> <tgroup cols="2"> @@ -331,27 +331,27 @@ <row> <entry>buttonFontSize</entry> <entry>font-size</entry> - </row> + </row> <row> <entry>buttonFamilyFont</entry> <entry>font-family</entry> - </row> + </row> <row> <entry>headerTextColor</entry> <entry>color</entry> - </row> + </row> <row> <entry>headerBackgroundColor</entry> <entry>border-color</entry> - </row> + </row> <row> <entry>panelBorderColor</entry> <entry>border-color</entry> - </row> + </row> <row> <entry>generalSizeFont</entry> <entry>font-size</entry> - </row> + </row> <row> <entry>generalFamilyFont</entry> <entry>font-family</entry> @@ -362,8 +362,8 @@ </row> </tbody> </tgroup> - </table> - </section> + </table> + </section> <!-- Definition of Custom Style Classes--> <section> <title>Definition of Custom Style Classes</title> @@ -378,8 +378,8 @@ </mediaobject> </figure> <table id="colorPicker_cn_inline"> - <title> - Classes names for the representation of the input field and icon containing selected color + <title> + Classes names for the representation of the input field and icon containing selected color </title> <tgroup cols="2"> <thead> @@ -417,22 +417,22 @@ <row> <entry>.rich-colorPicker-color</entry> <entry>Defines styles for the color palette</entry> - </row> + </row> <row> <entry>.rich-colorPicker-current-color</entry> <entry>Defines styles for the currently selected color</entry> - </row> + </row> <row> <entry>.rich-colorPicker-new-color</entry> <entry>Defines styles for the already selected color</entry> - </row> + </row> <row> <entry>.rich-colorPicker-colors-input</entry> <entry>Defines styles for the hex, RGB, and HSB input fileds</entry> </row> </tbody> </tgroup> - </table> + </table> <table id="colorPicker_cn_buttons"> <title>Classes names for the buttons representation</title> <tgroup cols="2">