How to implement skinning in Oracle ADF ?

In order to implement the skinning we need to configure three files in oracle ADF.

1. trinidad-skins.xml by default this file is not present on creating the Oracle ADF fusion application. We have to create this file in the WEB-INF directory. This is the file where we register and configure all the available for this application. For each skin we have several properties to be configured. A sample trinidad-skins.xml looks as below.


<?xml version="1.0" encoding="windows-1252" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
 <skin>
<id>custom.skin.adf.app</id>
<family>MyApplicationSkin</family>
<extends>blafplus-rich.desktop</extends>
<render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
<style-sheet-name>css/myapp-layout.css</style-sheet-name>
 </skin>
</skins>





trinidad-config.xml: If there are more than one skin defined in the trinidad-skins.xml, then we can choose one of them to be active on the current application. This is the file where we specify the skin that is applied in the current application.


<?xml version="1.0" encoding="windows-1252" ?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config">
  <skin-family>MyApplicationSkin</skin-family>
  <skin-version>v1.2</skin-version>
</trinidad-config> 

css file: This is file where define the look and feel of each and every component. We have to use and identify various ADF skin selectors mentioned in this link.

 By default in the adf application we create, the fusion skin is applied and the look and feel is as below.

After applying selectors and modifying the myapp-layout.css file the look may be as below.