<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE book PUBLIC "-//OASIS//DTD DocBook XML V4.3CR3//EN" "http://www.oasis-open.org/docbook/xml/4.3CR3/docbookx.dtd" 
[
<!ENTITY slider "rich:inputNumberSlider">
]
>
<section>
<sectioninfo>
<keywordset>
    <keyword>&slider;</keyword>
    <keyword>rich:inputNumberSlider</keyword>
</keywordset>
</sectioninfo>
<section>
<title>Description</title>
    <para>The component lets selecting a number from a numeric region. It&apos;s a horizontal or vertical 
	oriented scroll-like control with its own input field (optional) present. The keyboard input in a
     field is possible (optional). Also it&apos;s possible to see the current value in the toolTip
      above a dragged handle control.</para>
      <figure>
          <title><emphasis role="bold"><property>&lt;rich:inputNumberSlider&gt;</property></emphasis> component, horizontal and vertical views</title>
    <mediaobject> 
        <imageobject>
            <imagedata fileref="images/inputNumberSlider_init.png"/>
        </imageobject>
    </mediaobject>
    </figure>
    </section>
    <section>
    <title>Key Features</title>
    <itemizedlist>
        <listitem><para>Fully skinnable control and input elements</para></listitem>
        <listitem><para>Optional value text field with an attribute-managed position</para></listitem>
        <listitem><para>Optional disablement of the component on a page</para></listitem>
        <listitem><para>Optional toolTip to display the current value while a handle is dragged</para></listitem>
        <listitem><para>Dragged state is stable after the mouse moves</para></listitem>
        <listitem><para>Optional manual input possible if a text input field is present</para></listitem>
        <listitem><para>Validation of manual input</para></listitem>
        <listitem><para>Possibility to display 2 controls that increase/decrease the value by the defined step width, when they will be clicked.</para></listitem>
        <listitem><para>Attribute &quot;orientation&quot; that can have the values &quot;vertical&quot; and &quot;horizontal&quot; to define in which direction the slider should be movable.
        </para></listitem>
    </itemizedlist>
</section>
</section>
