Integrating Font Awesome with PrimeFaces

The jQuery ThemeRoller provides various icons and corresponding style classes, but the number of icons is limited. If you need more icons, check out the Font Awesome project. (http://fortawesome.github.io/Font-Awesome). Font Awesome gives you hundreds of scalable vector icons that can be customized—size, color, drop shadow, and anything that can be done with the power of CSS. With a little effort, you are able to use many new icons in your JSF application in the same way that you use predefined icons from ThemeRoller.

In this recipe, we will learn step- by- step how to integrate additional icons from Font Awesome with PrimeFaces themes. We will develop an example with custom icons for buttons and links. ...

Get PrimeFaces Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.