<?xml version="1.0" encoding="UTF-8"?>
<section>
    <sectioninfo>
        <keywordset>
            <keyword>tree</keyword>
        </keywordset>
    </sectioninfo>
    <section>
        <title>Description</title>
        <para>The component is designed for hierarchical data presentation and is applied for building 
a tree structure with a drag-and-drop capability.  </para>
        <figure>
            <title>Expanded <emphasis role="bold"><property>&lt;rich:tree&gt;</property></emphasis> with child elements</title>
            <mediaobject>
                <imageobject>
                    <imagedata fileref="images/tree1.png"/>
                </imageobject>
            </mediaobject>
        </figure>
        <!--para>On the screenshot above, there is an example of the <property>tree</property> with an expanded node. This node
            contains its own node with several leaves. Besides, it&apos;s possible to choose your own
            icons for tree nodes.</para-->
    </section>
    <section>
        <title>Key Features</title>
        <itemizedlist>

<listitem><para>Highly customizable look-and-feel</para></listitem>
<listitem><para>Built-in drag and drop capability, than enable relocating tree nodes within the tree</para></listitem>
<listitem><para>Built-in Ajax processing</para></listitem>
<listitem><para>Possibility to define a visual representation by node type</para></listitem>
<listitem><para>Support of several root elements in a tree</para></listitem>
 



        </itemizedlist>
    </section>
</section>