<?xml version="1.0" encoding="UTF-8"?>
<section>
<sectioninfo>
<keywordset>
    <keyword>rich:draggable</keyword>
</keywordset>
</sectioninfo>
<section>
    <title>Description</title>
    <para>A <property>draggable</property> zone of page, where it&apos;s possible to press a mouse 
    button on the content and drag it to any drop zone. It encodes all necessary JavaScript
     code for supporting drag operations.</para>
     <figure>
         <title>&lt;rich:draggable&gt; component</title>
    <mediaobject> 
        <imageobject>
            <imagedata fileref="images/draggable1.png"/>
        </imageobject>
    </mediaobject>
    </figure>
    </section>
    <section>
    <title>Key Features</title>
    <itemizedlist>
        <listitem><para>Encodes all necessary JavaScript code for supporting drag operations in drag and drop</para></listitem>
        <listitem><para>Drag zone supports all content inside that can be needed for Drag and Drop</para></listitem> 
        <listitem><para>Managing zones to drop components dragged from this zone with an attribute</para></listitem>
        <listitem><para>Simple management Indicator for zones</para></listitem>
        <listitem><para>Easy management of parameters to send to a target drop zone</para></listitem>
    </itemizedlist>
</section>
</section>