<?xml version="1.0" encoding="UTF-8"?>
<section>
<sectioninfo>
<keywordset>
    <keyword>rich:inputNumberSpinner</keyword>
</keywordset>
</sectioninfo>
<section>
<title>Description</title>
    <para>A single line input field that lets selecting a number using controls near a text field. 
    It&apos;s possible to change a value using &quot;Up/Down&quot; keyboard keys. The
     keyboard input in a field is possible if it isn&apos;t locked by the 
     <emphasis ><property>&quot;manualInput&quot;</property></emphasis> 
     attribute. When arrow
      controls are pressed, the cursor can be moved in any way without losing a dragged state.</para>
      <figure>
          <title><emphasis role="bold"><property>&lt;rich:inputNumberSpinner&gt;</property></emphasis> component</title>
    <mediaobject> 
        <imageobject>
            <imagedata fileref="images/inputNumberSpinner_init.png"/>
        </imageobject>
    </mediaobject>
    </figure>
    </section>
    <section>
    <title>Key Features</title>
    <itemizedlist>
        <listitem><para>Fully skinnable control and input elements</para></listitem>
        <listitem><para>3D look and feel with an easily customizable appearance</para></listitem>
        <listitem><para>Attribute-managed positions of the controls (inside/outside of the input field)</para></listitem>
        <listitem><para>Keyboard controls support</para></listitem>
        <listitem><para>Optional disablement of the component on a page</para></listitem>
        <listitem><para>Optional <emphasis><property>&quot;cycled&quot;</property></emphasis> mode of scrolling values</para></listitem>
        <listitem><para>Optional manual/controls-only input into a value text field</para></listitem>
        <listitem><para>Validation of manual input</para></listitem>   
    </itemizedlist>
</section>
</section>