TabPanel

The TabPanel is a tabbed group of panel.

Attributes and elements

The following sections describe attributes, child elements, and parent elements.

Attributes

Attribute	Description
id	unique identifier for this group of panels

Child elements

Name	Description
acs:Panel	A panel in the group

Parent elements

Element	Description
any xhtml or xsl tag

Styling information

The XHTML structure created by the acs:TabPanel is the following:

Copy

<div id="{@id}" class="tabPanel">
  <ul class="tabPanel" id="{@id}-tabs">
    <!-- one li per panel -->
    <li class="acs-tab-header">
      <span id="{@id}-tabbutton-{position}" class="button">
        @label
      </span>
    </li>
  </ul>
  <!-- one div per panel -->
  <div id="{@id}-tab-{position}" class="tab">
    <!-- content of the panel -->
  </div>
</div>

Examples

Copy

<acs:TabPanel id="mytab">
  <acs:Panel label="My first panel">
    This is the first panel of the list
  </acs:Panel>
  <acs:Panel label="My second panel">
    This is the second panel of the list
  </acs:Panel>
</acs:StackPanel>