<?xml version="1.0" encoding="UTF-8"?>
<section>
    <sectioninfo>
        <keywordset>
            <keyword>inplaceInput</keyword>
            <keyword>rich:inplaceInput</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 data inputted. </para>
        <figure>
            <title><emphasis role="bold"><property>&lt;rich:inplaceInput&gt;</property></emphasis> component</title>
            <mediaobject> 
                <imageobject>
                    <imagedata fileref="images/inplaceInput_init.png"/> 
                </imageobject>
            </mediaobject>
        </figure>
    </section>
    <section>
        <title>Key Features</title> 
        <itemizedlist>
            <listitem>
                <para>View/changed/edit states highly customizable representations</para>
            </listitem>
            <listitem>
                <para>Changing state event customization</para>
            </listitem>
            <listitem>
                <para>Possibility to call custom JavaScript function on state changes</para>
            </listitem>
            <listitem>
                <para>Optional &quot;inline&quot; or &quot;block&quot; element rendering on a page</para>
            </listitem>
            <listitem>
                <para>Edit mode activation when the component gets focus with the &quot;Tab&quot;</para>
            </listitem>
            <listitem>
                <para>Sizes synchronizations between modes</para>
            </listitem>
            <listitem>
                <para>Controls customization</para>
            </listitem>
      </itemizedlist>  
    </section>
</section>