Applying Skin Styling to a4j:commandButton?

[tarapeltier]

When I access the RichFaces examples, the a4j:commandButtons look great and are styled by the skin that is chosen.

However, in my application, the skin styles most things but does NOT style the button.

Based on the reference.pdf and this website (http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html/ArchitectureOverview.html#StControlsSkinning)
I think that only "Basic" skinning is happening, and the button styling I want is part of "Advanced" skinning.

My problem is I don't know how to enable Advanced skinning in my application.

We are using JDK 1.5, Tomcat 5.5.x, MyFaces 1.1.5, and RichFaces 3.1.4.GA. Browsers are IE7 and Firefox 2.

Here's the simple test jsp:
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<f:view>
<h:form>
<rich:panel header="test styles">
<a4j:commandButton value="Should be styled" />
</rich:panel>
</h:form>
</f:view>


The rich:panel shows up styled, but the button is plain grey and boring. Any suggestions how to get the buttons to style according to the skin?

Regards,
Tara

Here's the web.xml:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
version="2.5">
<context-param>
<param-name>org.richfaces.SKIN</param-name>
<param-value>blueSky</param-value>
</context-param>
<context-param>
<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
<param-value>server</param-value>
</context-param>

<display-name>RichFaces Filter</display-name>
<filter-name>richfaces</filter-name>
<filter-class>org.ajax4jsf.Filter</filter-class>

<filter-mapping>
<filter-name>richfaces</filter-name>
<servlet-name>Faces Servlet</servlet-name>
REQUEST
FORWARD
INCLUDE
</filter-mapping>

<listener-class>org.apache.myfaces.webapp.StartupServletContextListener</listener-class>


<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>

<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.jsf</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/*</url-pattern>
</servlet-mapping>
</web-app>

[sergeysmirnov]

This feature is introduced in 3.2.0.GA. You have a 3.1.4.GA

[rathish_raj]

I also have the same problem.I tried with 3.2.0.GA also. But the problem still persists

[irun5k]

Any progress on this? I have the same issue and I'm using 3.2.0 GA.

As you can see, this is even an issue for components internal to RichFaces components, such as the submit buttons in an in place editor. For now I had to manually hack out some CSS from the livedemo site, and stick it in my page. That is a terrible solution though.

[img]http://brianyoung.net/misc/example.png[/img]

[irun5k]

What the heck. I can't get embedded images to work. Please use the URL below to see the screenshot.

http://brianyoung.net/misc/example.png

[irun5k]

Okay, it is fixed. There is some bad advice floating around the forums saying that this feature is enabled by default in 3.2.0 GA, when it is not. So, it isn't surprising there are multiple unresolved posts on this problem.

Here is the deal. You HAVE to set the param shown below. Perhaps there is some other combination of configurations where you don't have to set it, although it seems doubtful.

<context-param>
 <param-name>org.richfaces.CONTROL_SKINNING</param-name>
 <param-value>enable</param-value>
</context-param>