Hi Piyush,

There is a How To available at the Oracle site. I haven't had time to move it 
over to MyFaces (I'm on vacation).

The tutorial is located here

http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html

It will need some updates before posted on the MyFaces site, but should give 
you the bare minimum to start creating skins with the Trinidad components (ADF 
Faces).

Jonas
Author: Pro JSF and Ajax: Building Rich Internet Components 
(http://apress.com/book/bookDisplay.html?bID=10044)
Blog: http://www.orablogs.com/jjacobi (http://www.orablogs.com/jjacobi)


(http://www.orablogs.com/jjacobi)





--- Begin Message ---
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
--- End Message ---

Reply via email to