<?xml version="1.0" encoding="UTF-8"?>
<section>
    <sectioninfo>
        <keywordset>
            <keyword></keyword>
        </keywordset>
    </sectioninfo>
    <section>
        <title>Description</title>
        <para>The <emphasis role="bold">
            <property>&lt;rich:inplaceInput&gt;</property>
        </emphasis> is an input component used for displaying and editing textual data </para>
        
        <figure>
            <title><emphasis role="bold"><property>&lt;rich:inplaceInput&gt;</property></emphasis> component</title>
            <mediaobject> 
                <imageobject>
                    <imagedata fileref="images/inplaceInput1.png"/> 
                </imageobject>
            </mediaobject>
        </figure>
    </section>
    <section>
        <title>Key Features</title> 
        <itemizedlist>
            <listitem>Option to display &quot;save&quot;, &quot;cancel&quot; buttons</listitem>
            <listitem>Possibility to assign an  JavaScript action on state change</listitem>
            <listitem>Switching between<emphasis role="bold"><property>&lt;rich:inplaceInput&gt;</property></emphasis> components using &quot;Tab&quot; key</listitem>
            <listitem>Resizable input field</listitem>
        </itemizedlist>  
    </section>
</section>