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 Golf is a small family 
      car manufactured by Volkswagen since 1974 and marketed 
      worldwide across six generations...