O'Reilly logo

PrimeFaces Theme Development by Sudheer Jonna, Andy Bailey

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Applying customized mobile themes to PrimeFaces Mobile

The default PrimeFaces theme (the built-in one) provides two swatches (a and b), but you can change the look and feel of the mobile page with custom themes that have their own various swatches. In the previous section, we saw how to create a custom theme using jQuery Mobile ThemeRoller. Now, it is time to create a JAR file with the following structure from the downloaded ZIP folder:

- jar
  -META-INF
     - resources
        - primefaces-customtheme
          - theme.css
          - images

Alternatively, you can add the primefaces-customtheme folder inside the resources folder of the current application. This approach is only used in the PFThemes project while applying PrimeFaces and PrimeFaces Mobile custom themes (that is, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required