<?xml version="1.0" encoding="UTF-8"?>
<section>
<sectioninfo>
<keywordset>
  <keyword>rich:tabPanel</keyword>
</keywordset>
</sectioninfo>
<section>
<title>Description</title>
    <para>A <property>tab panel</property> displaying tabs for grouping content of the panel.</para>
  <figure>
    <title><emphasis role="bold"><property>&lt;rich:tabPanel&gt;</property></emphasis> component</title>
    <mediaobject> 
        <imageobject>
            <imagedata fileref="images/tabPanel_init.png"/>
        </imageobject>
    </mediaobject>
  </figure>
    </section>
    <section>
    <title>Key Features</title>
    <itemizedlist>
        <listitem><para>Skinnable <property>tab panel</property> and child items</para></listitem>
        <listitem><para>Disabled/enabled tab options</para></listitem>  
        <listitem><para>Customizable headers</para></listitem>
        <listitem><para>Group any content inside a tab</para></listitem> 
        <listitem><para>Each tab has a unique name for direct access (e.g. for switching between tabs)</para></listitem>
        <listitem><para>Switch methods can be easily customized with attribute to:</para>
        <itemizedlist>
      <listitem><para><code>
        Server
        </code></para></listitem>
      <listitem><para>
         <code>Client</code>
      </para></listitem>
      <listitem><para>
        <code>AJAX</code>
      </para></listitem>
      
    </itemizedlist>
	</listitem>
    <listitem><para>Switch methods can be selected for the whole <property>tab panel</property> and for the
     each tab separately</para></listitem>
    </itemizedlist>
    </section>
</section>