Ajuda - integrar richfaces com JQuery UI

Front-end
#1

Pessoal, atualmente uso o RichFaces com o Skin BlueSky … pesquisando encontrei o PrimeFaces (porém não posso usar aqui), no PrimeFaces há uma séria de temas (skin) do JQuery UI User.

Preciso saber como integrar esses temas do jQuery no Richfaces.

Anexo esta a pagina q consegui criar, porém somente os componentes do RichFaces não ficou com a “aparencia” do JQuery e sim continuou com o skin blueSky.

Alguém sabe como deixo o componente rich igual aos do botões da linha 22 e 23?

[code]<!doctype html public “-//w3c//dtd html 4.0 transitional//en”>
<%@ taglib uri=“http://java.sun.com/jsf/core” prefix=“f” %>
<%@ taglib uri=“http://java.sun.com/jsf/html” prefix=“h” %>

<%@ taglib uri=“http://richfaces.org/a4j” prefix=“a4j”%>
<%@ taglib uri=“http://richfaces.org/rich” prefix=“rich”%>

<link type="text/css" href="css/jquery-ui-1.8.11.custom.css" rel="Stylesheet" />	
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>

<script>
$(function() {
	$( "button, input:submit, a", ".demo" ).button();
	$( "a", ".demo" ).click(function() { return false; });
});	
</script>

<div class="demo">
	<button>Button 1</button>
	<button>Button 2</button>	
</div>

  <head>
     <title>SIE - Testes RichFaces</title>
  </head>
  <body>
     <f:view>
       <a4j:form>  
         <rich:panel header="Testes RichFaces" style="width: 315px">
            <h:outputText value="Your name: " />
            <h:inputText value="Maria Chiquinha" >
                  <f:validateLength minimum="1" maximum="30" />
            </h:inputText>
         </rich:panel>  
       </a4j:form>               
     </f:view>
 </body>
[/code]

Obs.: tentei colocar o rich:panel dentro de um div (

) mais não deu certo.

Agradeço dede já

Iza

#2

Amigo tenta alterar o seu web.xml assim e vê se funciona

<context-param>
    <param-name>org.richfaces.CONTROL_SKINNING</param-name>
    <param-value>false</param-value>
</context-param>
#3

Olá! Eu utilizo PrimeFaces e tive o mesmo problema no começo…
Não sei se pode ser isso…
Mas ao invés de usar o $ eu coloco jQuery…
Exemplo:

 jQuery("#dExemplo").show();
#4