TabView
TabView groups content in tabs. Notable features are dynamic loading, event callbacks, data model support and disabled tabs.
Mobile Showcase
MenuTabView groups content in tabs. Notable features are dynamic loading, event callbacks, data model support and disabled tabs.
<h:form> <h2 class="first">Basic</h2> <p:tabView> <p:tab title="Godfather Part I"> <h:outputText value="The story begins as Don Vito Corleon..." /> </p:tab> <p:tab title="Godfather Part II"> <h:outputText value="Francis Ford Coppola's ..." /> </p:tab> <p:tab title="Godfather Part III"> <h:outputText value="After a break of more than 15 years..." /> </p:tab> </p:tabView> <h2>Dynamic</h2> <p:tabView dynamic="true" cache="true"> <p:tab title="Godfather Part I"> <h:outputText value="The story begins as Don Vito Corleon..." /> </p:tab> <p:tab title="Godfather Part II"> <h:outputText value="Francis Ford Coppola's ..." /> </p:tab> <p:tab title="Godfather Part III"> <h:outputText value="After a break of more than 15 years..." /> </p:tab> </p:tabView> </h:form>
Running: PrimeFaces-Mobile-12.0 / PrimeFaces-12.0.0 on Mojarra-2.3.8 with OmniFaces 3.11.1 and jQuery v3.3.1 / jQuery Mobile 1.5.0-rc1