Content Stack

Table of Contents

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

  • Simple usage:- each contentPane determines how it's content is handled. The contentStack just cares about which one is the currently selected pane.
   
<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>
  • The exact same arrangement of contentPane's may be used as children for a tabSet or accordion component.

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)

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2016 ICEsoft Technologies Canada Corp.