1 Reply Latest reply on Aug 6, 2009 3:41 AM by Ilya Shaikovsky

    simpleTogglePanel rendering styles & skins

    Mike Maurer Newbie

      I'm having some difficulty with the simpleTogglePanel component. It renders and works, but doesn't render with any skinning or style attributes.

      Here is my page code:

      <%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
      <%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
      <%@taglib uri="http://richfaces.org/rich" prefix="rich"%>
      <f:view>
       <head>
       <style>
       .rich-stglpanel-marker {float: left}
       </style>
       </head>
       <body>
       <h:form>
       <rich:simpleTogglePanel width="450px" switchType="ajax">
       <f:facet name="header">Test Panel</f:facet>
       Panel content goes here...
       </rich:simpleTogglePanel>
       </h:form>
       </body>
      </f:view>


      My web.xml contains the following:
      <context-param>
       <param-name>org.richfaces.SKIN</param-name>
       <param-value>blueSky</param-value>
      </context-param>
      <filter>
       <display-name>RichFaces Filter</display-name>
       <filter-name>richfaces</filter-name>
       <filter-class>org.ajax4jsf.Filter</filter-class>
      </filter>
      <filter-mapping>
       <filter-name>richfaces</filter-name>
       <servlet-name>Faces Servlet</servlet-name>
       <dispatcher>REQUEST</dispatcher>
       <dispatcher>FORWARD</dispatcher>
       <dispatcher>INCLUDE</dispatcher>
      </filter-mapping>


      Here is the result as it displays on the page:
      <<
      Test Panel Panel content goes here...

      When I click near << in the invisible header bar it collapses and expands the panel as it should, but it is like no default style elements are being applied to paint the header bar & background color, or panel border, etc.

      Any ideas why I just get plain black text & white background, with no header bar or panel borders? I am using JSF 1.2, and RichFaces 3.2.2. I am NOT currently using 'Facelets'.