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, the ones named moodyblue2
and customtheme
).
Before using a custom theme, we need to perform a few modifications. This is just a two-step process:
Copy the custom theme into the
primefaces-customtheme
folder by renaming...