I want to use a custom skin for the adf components.

Based on adf-faces-demo, this is what I did:

1) copy the skin files to the WEB-INF dir of the project

WEB-INF/skins/beach
WEB-INF/skins/purple

2)create an adf-faces-skins.xml

<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://myfaces.apache.org/adf/view/faces/skin";>
   <skin>
       <id>
           purple.desktop
       </id>
       <family>
           purple
       </family>
       <render-kit-id>
           org.apache.myfaces.adf.desktop
       </render-kit-id>
       <style-sheet-name>
           skins/purple/purpleSkin.css
       </style-sheet-name>
       <bundle-name>
           org.apache.myfaces.adfdemo.resource.SkinBundle
       </bundle-name>
   </skin>
   <skin>
       <id>
           beach.desktop
       </id>
       <family>
           beach
       </family>
       <render-kit-id>
           org.apache.myfaces.adf.desktop
       </render-kit-id>
       <style-sheet-name>
           skins/beach/beach.css
       </style-sheet-name>
   </skin>
</skins>

3) create an adf-faces-config.xml with the following skin family tag

<skin-family>beach</skin-family>

When I run my app on desktop, it does not display my app in the beach skin. However, in the source it does refer to beach skin as <link rel="stylesheet" charset="UTF-8" type="text/css" href="/tests-column-context-root/adf/styles/cache/beach-desktop-${version}-en-gecko.css">Any pointers to the solution of this problem ? -Piyush

Reply via email to