Tab Set

tabSet

The tabSet component manages a stack of contentPane's using tabControls. The attribute "currentId" determines which of the panes in the stack is currently visible. All other non-selected contentPane's are hidden from view. The individual contentPane will determine it's own caching and scalability optimization.

It's very important to understand the strategies associated with the contentPane and it's parent layout components.
Please see contentPane component wiki page.

Usage

   
<mobi:tabSet id="stackOne" currentId="#{bean.selectedId}">
      <mobi:contentPane id="pane1" client="true">
         <h:panelGroup id="staticHomePane">
             <!-- static menu links -->
             <ui:include src="includes/menu.xhtml"/>
         </h:panelGroup>
      </mobi:contentPane>
      <mobi:contentPane id="pane2">
            <h:graphicImage value="#{item.imageUrl}"
                            height="#{item.height}"/>
            <span style="#{item.style}">#{item.title}</span>
      </mobi:contentPane>
      <mobi:contentPane id="pane3" facelet="true">
            <!-- large dataTable rarely used -->
            <ui:include src="includes/table.xhtml"/>
      </mobi:contentPane>
</mobi:tabSet>

New attribute "fixedPosition" when true, means that the tabset headers will fix themselves to the top of the pag when orientation is true and appear directly below the pagePanel if present. If orientation is false, the tabset Headers will affix themselves to the very bottom of the page or directly above the pagePanel footer, if present. When fixedPosition is false, they will appear at the beginning or end of the rendered div for tabSet.

Component Documentation

tabSet
contentPane