<?xml version="1.0" encoding="UTF-8"?>
<section>
<sectioninfo>
<keywordset>
<keyword>togglePanel</keyword>
</keywordset>
</sectioninfo>
<section>
<title>Description</title>
    <para>A wrapper component with named facets, where every facet is shown after activation of
    the corresponding <property>toggleControl</property>
    (the other is hidden).</para>
    <figure>
        <title>&lt;rich:togglePanel&gt; component</title>
    <mediaobject> 
        <imageobject>
            <imagedata fileref="images/togglePanel.png"/>
        </imageobject>
    </mediaobject>
    </figure>
    </section>
    <section>
    <title>Key Features</title>
    <itemizedlist>
        <listitem>Support for any content inside</listitem>
        <listitem>Three modes of facets switching
        <itemizedlist>
        <listitem>Server</listitem>
        <listitem>Client</listitem>
        <listitem>Ajax</listitem>
        </itemizedlist>
        </listitem>   
        <listitem>Controls for <property>togglePanel</property> can be everywhere in layout</listitem>
    </itemizedlist>
</section>
</section>