Split Pane

Added by Ted Goddard, last edited by Judy Guglielmin on May 20, 2013  (view change)
Table of Contents

splitPane

The splitPane component renders a div with two children that can be defined for page layout. It can be scrollable, have columnDivider at certain location. Requires a left and right facet for two, side by side, panels. Eventually will also be resizable.

Usage

<mobi:splitPane id="splitPane" scrollable="true" columnDivider="30">
       <f:facet name="left">
             <!-- always present menu on left side of device. -->
             <!-- main content include of page content -->
             <ui:include src="/WEB-INF/includes/content/menu.xhtml"/>
       </f:facet>

       <f:facet name="right">
             <!-- always present content on right side of device. -->
             <!-- main content include of page content -->
             <ui:include src="/WEB-INF/includes/content/content-stack.xhtml"/>
       </f:facet>
</mobi:splitPane>

Important to note that the scrollable attribute if true means that both facets of the split pane will scroll independently. If false, then the scrollability of the split pane will depend upon it's size relative to the continaer it's placed in.

Component Documentation

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

© Copyright 2016 ICEsoft Technologies Canada Corp.