Author: vkorluzhenko
Date: 2007-09-27 08:39:32 -0400 (Thu, 27 Sep 2007)
New Revision: 3135
Modified:
trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml
Log:
http://jira.jboss.com/jira/browse/RF-772 - added new skins and classes.
Modified: trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml 2007-09-27
12:20:14 UTC (rev 3134)
+++ trunk/docs/userguide/en/src/main/docbook/included/inputNumberSpinner.xml 2007-09-27
12:39:32 UTC (rev 3135)
@@ -138,46 +138,41 @@
<property>style classes</property>
</emphasis> used by the inputNumberSpinner to your page style
sheets</listitem>
</itemizedlist>
+ </section>
+
+ <section>
+ <title>Skin parameters redefinition</title>
<table>
- <title>Skin parameters redefinition:</title>
+ <title>Skin parameters redefinition for a container</title>
<tgroup cols="2">
<thead>
<row>
- <entry>Skin parameters for a container</entry>
+ <entry>Skin parameters</entry>
<entry>CSS properties</entry>
</row>
</thead>
<tbody>
<row>
- <entry>controlBorderColor</entry>
- <entry>border-right-color, border-bottom-color</entry>
+ <entry>controlBackgroundColor</entry>
+ <entry>background-color</entry>
</row>
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Parameters for an entry field element:</title>
- <tgroup cols="2">
- <thead>
<row>
- <entry>Skin parameters</entry>
- <entry>CSS properties</entry>
+ <entry>panelBorderColor</entry>
+ <entry>border-color</entry>
</row>
- </thead>
- <tbody>
<row>
- <entry>preferableDataSizeFont</entry>
- <entry>font-size</entry>
+ <entry>subBorderColor</entry>
+ <entry>border-bottom-color</entry>
</row>
<row>
- <entry>preferableDataFamilyFont</entry>
- <entry>font-family</entry>
+ <entry>subBorderColor</entry>
+ <entry>border-right-color</entry>
</row>
</tbody>
</tgroup>
</table>
<table>
- <title>Parameters for buttons</title>
+ <title>Skin parameters redefinition for an input field</title>
<tgroup cols="2">
<thead>
<row>
@@ -187,50 +182,57 @@
</thead>
<tbody>
<row>
- <entry>headerBackgroundColor</entry>
- <entry>background-color</entry>
+ <entry>buttonSizeFont</entry>
+ <entry>font-size</entry>
</row>
+ <row>
+ <entry>buttonFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
</tbody>
</tgroup>
</table>
+
</section>
<section>
- <title>Definition custom style classes</title>
+ <title>Definition of Custom Style Classes</title>
+ <para>On the screenshot there are classes names that define styles for
component elements.</para>
<figure>
- <title>Custom style classes of inputNumberSpinner</title>
+ <title>Style classes</title>
<mediaobject>
<imageobject>
<imagedata fileref="images/inputNumberSpinner3.gif"/>
</imageobject>
</mediaobject>
</figure>
- <para>On the screenshot, there are classes names that define specified
elements.</para>
+
<table>
- <title>Predefined component skin class</title>
+ <title>Classes names that define a component appearance</title>
+
<tgroup cols="2">
<thead>
<row>
<entry>Class name</entry>
- <entry>Component Element</entry>
+ <entry>Description</entry>
</row>
</thead>
- <tbody>
+ <tbody>
<row>
+ <entry>rich-spinner-c</entry>
+ <entry>Defines styles for a wrapper table element of the
component</entry>
+ </row>
+ <row>
<entry>rich-spinner-input-container</entry>
- <entry>a container for input and
<emphasis><property>"inside"</property></emphasis>
buttons</entry>
+ <entry>Defines styles for a container</entry>
</row>
<row>
<entry>rich-spinner-input</entry>
- <entry>text field</entry>
+ <entry>Defines styles for an input field</entry>
</row>
<row>
- <entry>rich-spinner-button-up</entry>
- <entry>a button for value increasing</entry>
+ <entry>rich-spinner-button</entry>
+ <entry>Defines styles for a button</entry>
</row>
- <row>
- <entry>rich-spinner-button-down</entry>
- <entry>a button for value decreasing</entry>
- </row>
</tbody>
</tgroup>
</table>