Listing 3

The following JSF markup is used to create the notebook shown in example 3.

<x:notebook imageRoot="images">
  <h:panelGroup>
    <f:facet name="label">
      <x:tabLabel>
        <h:outputText value="Name" />
      </x:tabLabel>
    </f:facet>
    ... Name Tab Contents ...
  </h:panelGroup>
  <h:panelGroup>
    <f:facet name="label">
      <x:tabLabel>
        <h:outputText value="Address" />
      </x:tabLabel>
    </f:facet>
    ... Address Tab Contents ...
  </h:panelGroup>
  <h:panelGroup>
    <f:facet name="label">
      <x:tabLabel>
        <h:outputText value="Phone" />
      </x:tabLabel>
    </f:facet>
    ... Phone Tab Contents ...
  </h:panelGroup>
  <h:panelGroup>
    <f:facet name="label">
      <x:tabLabel>
        <h:outputText value="Contacts" />
      </x:tabLabel>
    </f:facet>
    ... Contacts Tab Contents ...
  </h:panelGroup>
</x:notebook imageRoot="images">

Note: this markup assumes x: is the prefix assigned to the Xavax custom tags in the JSP.