Working with a tabbed panel

tabView is a tabbed panel component with powerful features such as dynamic content loading, orientations, and programmatically managing tabs.

How to do it...

A basic definition for a tabbed panel with two panels would be as follows:

<p:tabView id="tabView"> <p:tab title="Volkswagen CC"> <h:panelGrid columns="2" cellpadding="5"> <h:graphicImage library="images" name="autocomplete/CC.png" /> <h:outputText value= "The Volkswagen CC (also known as the Volkswagen Passat CC) is a four-door coupé version of the Volkswagen Passat." /> </h:panelGrid> </p:tab> <p:tab title="Volkswagen Golf"> <h:panelGrid columns="2" cellpadding="5"> <h:graphicImage library="images" name="autocomplete/Golf.png" /> <h:outputText value="The Volkswagen ...

Get PrimeFaces Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.