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'.
