2 Replies Latest reply on Feb 12, 2009 5:59 AM by Prathamesh Gaddam

    Problems with creating a richfaces skin

    Martin Schrodt Newbie

      Hi,

      I am trying to setup a custom style for all our Seam applications that use richfaces. I started by downloading the darkX skin example, and adapting it to my needs. I stumbled over 2 problems:

      (a) How do I use an Image from org.richfaces.skin.SKIN-NAME.images in an XCSS file?
      Right now I have the following:

      in resources-config.xml:
      <resource>
       <name>images/testimage.gif</name>
       <path>org/richfaces/skins/SKIN-NAME/images/testimage.gif</path>
      </resource>
      
      and in dataTable.xcss:
      <u:selector name=".rich-datalist" >
       <u:style name="list-style-image">
       <f:resource f:key="images/testimage.gif" />
       </u:style>
      </u:selector>


      However, no list-style-image does show up in the output. What am I doing wrong?

      (b) Gradient colors:
      When using the glass or plastic gradient style, the colors came out lighter than the ones I gave. Also, richfaces ignored the gradientColor setting. When using plain mode, it got the baseColor right, but ignored the gradientColor (using #00000, no matter what I gave):
      <u:style name="background-position" value="0% 50%" />
      <u:style name="background-image">
       <f:resource f:key="org.richfaces.renderkit.html.CustomizeableGradient">
       <f:attribute name="valign" value="middle" />
       <f:attribute name="gradientHeight" value="36px" />
       <f:attribute name="baseColor" skin="headerBackgroundColor" />
       <f:attribute name="gradientColor" skin="headerGradientColor" />
       </f:resource>
      </u:style>


      How can I get a gradient that shows the exact colors that I gave?

      I use richfaces 3.2.2.GA with Seam 2.0.1.GA on JBoss 4.2.1.GA using an EAR packaging, where the SKIN-NAME.jar is loaded by the EAR classloader and made available via application.xml:
      <module>
       <java>SKIN-NAME.jar</java>
      </module>