ViewManager

<mobi:viewManager> (as of EE 1.3.1)

The ViewManager component makes it simple to create a responsive UI that automatically adapts to both small and large views. The ViewManager automatically constructs the UI layout structure for your application, taking care of the header, menus, and submenus. The developer simply has to define the title, the views and which views should be placed in the main menu.

The ViewManager also supports:

Mobile Showcase View Manager Example



Usage

   
<mobi:viewManager title="My App" 
      transitionType="flip"
      barStyle="background-color: green"
      selected="#{myBean.currentView}"
      history="#{myBean.viewhistory}"
      clientSide="false">
             
      <!-- SPLASH SCREEN -->
      <mobi:view id="splash" splash="true" includeInMenu="false">
          <ui:include src="/WEB-INF/includes/content/splash.xhtml" />
      </mobi:view>
             
      <!-- Group A Pages -->
      <mobi:view id="pageA" title="Page A" menuIcon="th-list"
           navBarGroup="viewmanager" divider="Group A">
           <ui:include src="/WEB-INF/includes/pageA.xhtml" />
      </mobi:view>
      <mobi:view id="pageA1" title="Page A - 1" menuIcon="book"
           includeInMenu="false" navBarGroup="pageA">
           <ui:include src="/WEB-INF/includes/pageA1.xhtml" />
      </mobi:view>
      <mobi:view id="pageA2" title="Code" menuIcon="code"
           includeInMenu="false" navBarGroup="pageA">
           <ui:include src="/WEB-INF/includes/pageA2.xhtml">
      </mobi:view>
</mobi:viewManager>

Component Documentation

viewManager
view