Book Image

PrimeFaces Cookbook

Book Image

PrimeFaces Cookbook

Overview of this book

PrimeFaces is the de facto standard in the Java web development. PrimeFaces is a lightweight library with one jar, zero-configuration, and no required dependencies. You just need to download PrimeFaces, add the primefaces-{version}.jar to your classpath and import the namespace to get started. This cookbook provides a head start by covering all the knowledge needed for working with PrimeFaces components in the real world. "PrimeFaces Cookbook" covers over 100 effective recipes for PrimeFaces 3.x which is a leading component suite to boost JSF applications. The book's range is wide‚Äí from AJAX basics, theming, and input components to advanced usage of datatable, menus, drag & drop, and charts. It also includes creating custom components and PrimeFaces Extensions.You will start with the basic concepts such as installing PrimeFaces, configuring it, and writing a first simple page. You will learn PrimeFaces' theming concept and common inputs and selects components. After that more advanced components and use cases will be discussed. The topics covered are grouping content with panels, data iteration components, endless menu variations, working with files and images, using drag & drop, creating charts, and maps. The last chapters describe solutions for frequent, advanced scenarios and give answers on how to write custom components based on PrimeFaces and also show the community-driven open source project PrimeFaces Extension in action.
Table of Contents (17 chapters)
PrimeFaces Cookbook
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Vertical stacked panels with accordion


accordionPanel is a container component that provides the ability to group multiple tabs.

How to do it...

A basic definition for the accordion panel with two panels would be as follows:

<p:accordionPanel>
  <p:tab title="Volkswagen CC">
    <h:panelGrid columns="2" cellpadding="10">
      <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="10">
      <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, in various body 
      configurations and...