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">
<ui:include src="/WEB-INF/includes/content/menu.xhtml"/>
</f:facet>
<f:facet name="right">
<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