Author: vsukhov Date: 2008-02-08 12:11:17 -0500 (Fri, 08 Feb 2008) New Revision: 5959 Modified: trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml Log: RF-1216 Skin Parameters Redefinition and Definition of Custom Style Classes --done. Modified: trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml 2008-02-08 17:05:47 UTC (rev 5958) +++ trunk/docs/userguide/en/src/main/docbook/included/comboBox.xml 2008-02-08 17:11:17 UTC (rev 5959) @@ -208,7 +208,7 @@ <title>Skin Parameters Redefinition</title> <table> - <title>Skin parameters redefinition for </title> + <title>Skin parameters redefinition for a shadow</title> <tgroup cols="2"> <thead> <row> @@ -218,16 +218,147 @@ </thead> <tbody> <row> - <entry></entry> - <entry></entry> + <entry>generalBackgroundColor</entry> + <entry>background-color</entry> </row> <row> - <entry></entry> - <entry></entry> + <entry>additionalBackgroundColor</entry> + <entry>background</entry> </row> + </tbody> + </tgroup> + </table> + + <table> + <title>Skin parameters redefinition for a button</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>generalBackgroundColor</entry> + <entry>background-color</entry> + </row> + <row> + <entry>buttonBorderColor</entry> + <entry>border-color</entry> + </row> + <row> + <entry>buttonBorderColor</entry> + <entry>border-top-color</entry> + </row> + <row> + <entry>buttonBorderColor</entry> + <entry>border-left-color</entry> + </row> + <row> + <entry>buttonBorderColor</entry> + <entry>border-bottom-color</entry> + </row> + <row> + <entry>buttonBorderColor</entry> + <entry>border-right-color</entry> + </row> </tbody> </tgroup> </table> + <table> + <title>Skin parameters redefinition for a popup list</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>itemSizeFont</entry> + <entry>font-size</entry> + </row> + <row> + <entry>itemFamilyFont</entry> + <entry>font-family</entry> + </row> + <row> + <entry>itemTextColor</entry> + <entry>color</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for a default message</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>generalBackgroundColor</entry> + <entry>background-color</entry> + </row> + <row> + <entry>additionalBackgroundColor</entry> + <entry>background</entry> + </row> + <row> + <entry>itemTextColor</entry> + <entry>color</entry> + </row> + <row> + <entry>itemSizeFont</entry> + <entry>font-size</entry> + </row> + <row> + <entry>itemFamilyFont</entry> + <entry>font-family</entry> + </row> + + </tbody> + </tgroup> + </table> + <table> + <title>Skin parameters redefinition for a popup list</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Skin parameters</entry> + <entry>CSS properties</entry> + </row> + </thead> + <tbody> + <row> + <entry>generalBackgroundColor</entry> + <entry>background-color</entry> + </row> + <row> + <entry>additionalBackgroundColor</entry> + <entry>background</entry> + </row> + <row> + <entry>itemTextColor</entry> + <entry>color</entry> + </row> + <row> + <entry>itemSizeFont</entry> + <entry>font-size</entry> + </row> + <row> + <entry>itemFamilyFont</entry> + <entry>font-family</entry> + </row> + + </tbody> + </tgroup> + </table> </section> <section> <title>Definition of Custom Style Classes</title> @@ -244,7 +375,7 @@ </figure--> <table> - <title>Classes names that define </title> + <title>Classes names that define shadow representation</title> <tgroup cols="2"> <thead> <row> @@ -254,13 +385,113 @@ </thead> <tbody> <row> - <entry></entry> - <entry></entry> + <entry>rich-combobox-shadow-tl</entry> + <entry>Defines styles for a top-left shadow</entry> </row> + <row> + <entry>rich-combobox-shadow-tr</entry> + <entry>Defines styles for a top-right shadow</entry> + </row> + <row> + <entry>rich-combobox-shadow-bl</entry> + <entry>Defines styles for a bottom-left shadow</entry> + </row> + <row> + <entry>rich-combobox-shadow-br</entry> + <entry>Defines styles for a bottom-right shadow</entry> + </row> </tbody> </tgroup> </table> - <para>In order to redefine styles for all <emphasis role="bold"><property>&lt;rich:comboBox&gt;</property></emphasis> components on a page using CSS, + <table> + <title>Classes names that define button representation</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-combobox-button-background</entry> + <entry>Defines styles for a button background</entry> + </row> + <row> + <entry>rich-combobox-button-inactive</entry> + <entry>Defines styles for an inactive button</entry> + </row> + <row> + <entry>rich-combobox-button-icon-inactive</entry> + <entry>Defines styles for an inactive button icon</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Classes names that define font representation</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-combobox-font</entry> + <entry>Defines styles for a font</entry> + </row> + <row> + <entry>rich-combobox-font-inactive</entry> + <entry>Defines styles for an inactive font</entry> + </row> + <row> + <entry>rich-combobox-font-disabled</entry> + <entry>Defines styles for a disabled font</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Classes names that define default message representation</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-combobox-input-inactive</entry> + <entry>Defines styles for an inactive input</entry> + </row> + </tbody> + </tgroup> + </table> + <table> + <title>Classes names that define popup list representation</title> + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + <tbody> + <row> + <entry>rich-combobox-item</entry> + <entry>Defines styles for an item</entry> + </row> + <row> + <entry>rich-combobox-list-decoration</entry> + <entry>Defines styles for a list</entry> + </row> + </tbody> + </tgroup> + </table> + <para>In order to redefine styles for all <emphasis role="bold"><property>&lt;rich:comboBox&gt;</property></emphasis> components on a page using CSS, it'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:comboBox&gt;</property></emphasis> components,