In this chapter, we are going to take a simple UI component and use browser developer tools to examine and change the CSS rules applied to it. We will strip away some of the mysteries involved in applying a theme to your application.
In addition to this, we will see that PrimeFaces applies theme rules dynamically. We will learn how to do this for a standard JSF component too.
In this chapter, we will cover the following topics:
Creating a new JSF page and adding a standard
inputText
componentExamining the UI element using the browser developer tool
Adding a PrimeFaces
inputText
component to the page and comparing these two elementsAdding CSS classes to the standard
inputText
field to make it look like a PrimeFacesinputText
field