<?xml version="1.0" encoding="UTF-8"?>
<section>
    <sectioninfo>
        <keywordset>
            <keyword>tree</keyword>
        </keywordset>
    </sectioninfo>
    <section>
        <title>Description</title>
        <para>A component for a tree-like presentation of data. It includes built-in drag and drop
            support for its child elements.</para>
        <figure>
            <title>Expanded &lt;rich:tree&gt; 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>
                <para>This feature provides rich possibilities to change an appearance of a component into different styles.</para>
            </listitem>
           
            <listitem>
                <para>Built-in drag and drop support</para>
                <para>This feature allows programming DnD possibility for the <emphasis role="bold">
                    <property>&lt;rich:tree&gt;</property>
                </emphasis> component so that it would be possible to change a placement of nodes in a <property>tree</property> simply by dropping a certain node from one place to another. Look at the screenshot below:</para>
                <figure>
                    <title>Drag and drop support</title>
                    <mediaobject>
                        <imageobject>
                            <imagedata fileref="images/tree3.png"/>
                        </imageobject>
                    </mediaobject>
                </figure>
                <para>
                    Here, an appropriate CD-disk is been moving from one album to the next one.
                    </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>
