<?xml version="1.0" encoding="UTF-8"?>
<section>
  <sectioninfo>
    <keywordset>
      <keyword>dropSupport</keyword>
    </keywordset>
  </sectioninfo>
<section>
<title>Description</title>
  <para>This component transforms a parent component into a target zone for
  drag-and-drop operations. When a draggable element is moved and dropped onto
  the area of the parent component, Ajax request processing for this event is
  started.</para>

  <figure>
    <title><emphasis role="bold"><property>&lt;rich:dropSupport&gt;</property></emphasis> component</title>

    <mediaobject>
      <imageobject>
        <imagedata fileref="images/dropSupport1.png" />
      </imageobject>
    </mediaobject>
  </figure>
</section>
 <section>
    <title>Key Features</title>
    <itemizedlist>
      <listitem>
        Encodes all necessary JavaScript to perform drop actions
      </listitem>
      
      <listitem>
       Can be used within any component type that provides the required properties for drop operations
      </listitem>
      
      <listitem>
        Built-in Ajax processing
      </listitem>
      
      <listitem>
        Supports drag-and-drop between different forms
      </listitem>
    </itemizedlist>
  </section>
</section>