In this chapter, we explored the standard theme icon set and how to use it on various PrimeFaces components. We also learned how to create our own set of icons in the form of the image sprite technology. We saw how to create image sprites using open source online tools and add them on a PrimeFaces theme. Finally, we had a look at the Font Awesome CSS framework, which was introduced as an alternative to the standard ThemeRoller icons. To ensure best practice, we learned how to use icons on commandButton
and menu
components. Now that you've come to the end of this chapter, you should be comfortable using web icons for PrimeFaces components in different ways.
In the next chapter, we are going to discover how to enhance the PrimeFaces components' state based on the underlying data, use a combination of JavaScript and CSS for dynamic changes, and use the PrimeFaces utility methods for dynamic changes without using any JavaScript.