Content Stack

contentStack

The contentStack component manages a stack of contentPane's. 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. A new client api is to be added in 1.4.
Please see contentPane component wiki page.

Usage

   
<mobi:contentStack 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:contentStack>

Nested Forms (as of 1.3.1)

The contentStack supports nesting forms inside the contentPanes. Please use a <mobi:contentStackFormProxy> for nested forms.

Component Documentation

contentStack
contentPane
contentStackFormProxy (as of 1.3.1)