Wednesday, February 4, 2015

ADF Skins

For 11.1.1.7.0
Fusion Dev Guide
http://docs.oracle.com/cd/E28280_01/web.1111/b31974/toc.htm

Customizing Appearance using Skins
http://docs.oracle.com/cd/E29542_01/web.1111/b31973/af_skin.htm#ADFUI330
http://docs.oracle.com/cd/E29542_01/web.1111/b31973/af_skin.htm#ADFUI335

The directory path to the XML schemas is similar to the following:
JDeveloper_Home/jdeveloper/modules/oracle.adf.view_11.1.1/trinidad-impl.jar!/org/apache/myfaces/trinidadinternal/ui/laf/xml/schemas/skin/trinidad-skins.xsd

1)Create mySkin.css under skins/mySkin/mySkin.css
2)Create below file under WEB-INF dir
------  trinidad-skins.css

<?xml version="1.0" encoding="UTF-8" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin">
  <skin>
    <id>mySkin.desktop</id>
    <family>mySkin</family>
    <extends>fusion.desktop</extends>
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
    <style-sheet-name>skins/mySkin/mySkin.css</style-sheet-name>
  </skin>
</skins>
3)------  trinidad-config.css

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

To Refresh skin files
****   If you changed extends in trinidad-skins.css  eg.
<extends>skyros-v1.desktop</extends>   to <extends>fusion.desktop</extends>

To affect changes on actual jspx or jsff
just swap <skin-family>mySkin</skin-family>   to  <skin-family>skyros</skin-family>
and again back to  
<skin-family>mySkin</skin-family>

References
https://technology.amis.nl/2009/07/01/using-adf-faces-11g-skinning-for-setting-the-styles-of-specific-component-instances-or-groups-of-instances/
Skinning only for One Component
http://adfskinning.blogspot.com/2012/05/oracle-adf-faces-skinning-enables.html