Time for action – adding a skin file to the application

Let us see how to create a skin file for our EmpDirectoryApplication application.

1. Right-click on the WEB-INF folder from the ViewController project of your EmpDirectoryApplication application, and select the New option from the Context menu.

2. From the General section in the New Gallery window, select the File item.

3. Provide the File Name value of the file as trinidad-skins.xml and click on the Ok button to create the file.

4. Add the following entry in the .xml file:

   <?xml version="1.0" encoding="ISO-8859-1"?>
   <skins xmlns="http://myfaces.apache.org/trinidad/skin">
       <skin>
           <id>empSkin.desktop</id>
           <family>empSkin</family>
           <extends>fusionFx-simple.desktop</extends>
           <render-kit-id>org.apache.myfaces.trinidad.desktop       </render-kit-id>
           <style-sheet-name>skins/empSkin/empSkin.css</style-sheet-name>
           <bundle-name...