<?xml version="1.0" encoding="UTF-8"?>
<section>
  <sectioninfo>
    <keywordset>
      <keyword>rich:dragSupport</keyword>
    </keywordset>
  </sectioninfo>
<section>
<title>Description</title>
  <para>This component defines a subtree of the component tree as draggable
  for drag-and-drop operations. Within such a "drag zone," you can click
  the mouse button on an item and drag it to any component that supports drop
  operations (a "drop zone"). It encodes all the necessary JavaScript for
  supporting drag-and-drop operations.</para>

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

    <mediaobject>
      <imageobject>
        <imagedata fileref="images/dragSupport_init.png" />
      </imageobject>
    </mediaobject>
  </figure>
</section>
  <section>
    <title>Key Features</title>

    <itemizedlist>
      <listitem><para>
        Encodes all necessary JavaScript to perform drag
      actions
      </para></listitem>

      <listitem><para>
        Can be used within any component type that provides the
      required properties for drag operations
      </para></listitem>
      
      <listitem><para>
        Supports drag-and-drop between different forms
      </para></listitem>
      
    </itemizedlist>
  </section>
</section>