Sunday, September 1, 2013

How to create side menu layout with p:tabView

The objective of this post is to develop below layout with <p:tabView /> component.

With the tabView component, the above layout could be easily developed with the orientation attribute.
<p:tabView orientation="left">
    <p:tab title="tab1">
        <h:outputLabel value="this is tab 1" />
    </p:tab>
    <p:tab title="tab2">
        <h:outputLabel value="this is tab 2" />
    </p:tab>
</p:tabView>

output:

related topic.
How to create side menu layout with p:menu

Done!!

LinkWithin

Related Posts Plugin for WordPress, Blogger...