Ajuda - integrar richfaces com JQuery UI

2 respostas
I

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?

<!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" %>
<!-- RichFaces tag library declaration -->
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<html>

	<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>
     
</html>

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

) mais não deu certo.

Agradeço dede já

Iza

2 Respostas

protonss

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>
V

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();
Criado 23 de março de 2011
Ultima resposta 13 de jul. de 2011
Respostas 2
Participantes 3