Oracle ADF Enterprise Application Development – Made Simple Second Edition

Skinning in practice

Now that we know what skinning is and what it can do, let's create and apply a skin to the example application.

Creating a skin CSS file

The most important part of your skin is the special ADF CSS file that defines the look of all the components you use in your application.

To create the CSS file, follow the ensuing steps:

1. Select the CommonSkin project and navigate to File | New | From Gallery.... Under Web Tier | JSF/Facelets, choose ADF Skin. The Create ADF Skin dialog appears, as shown in the following screenshot:
   
2. Give your CSS file a filename that includes –skin (for example, xdm-skin.css). You can leave the location at its default ...