Atribuir classe CSS a elemento do PrimeFaces

378 views
Skip to first unread message

Phillip Pimenta

unread,
Feb 26, 2013, 11:33:50 AM2/26/13
to jav...@googlegroups.com
Boa tarde, pessoal!

alguém sabe como atribuir o elemento inputMask do PrimeFaces a uma classe CSS com atributo class. Tentei fazer conforme o  exemplo abaixo porém não obtive êxito.


<p:inputMask value="#{maskController.date}" mask="99/99/9999" class="minha-classe-css" />
--
Atenciosamente,

                                           Phillip Pimenta
                         Tecnólogo em Redes de Computadores
Especialista em Desenvolvimento de Sistemas Corporativos pela UNI-RN
                                   phillip...@gmail.com                   
                                     http://phpimenta.com.br

Denis Silveira

unread,
Feb 26, 2013, 11:43:52 AM2/26/13
to jav...@googlegroups.com
Teu css vai ter que estar com os atributos da classe marcados com !important,
para poder sobrepor do Primefaces...



--
Você está recebendo esta mensagem porque se inscreveu no grupo "javasf: JavaServer Faces Group" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para javasf+un...@googlegroups.com.
Visite este grupo em http://groups.google.com/group/javasf?hl=pt-BR.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 



--
Atenciosamente,

Denis Silveira
Fone: (11) 952-850-724
Analista de Sistemas
www.systic.com.br

"Um homem é um sucesso se pula da cama pela manhã, vai dormir à noite e, nesse meio tempo, faz o que gosta."



Rogério Alencar Lino Filho

unread,
Feb 26, 2013, 11:46:08 AM2/26/13
to jav...@googlegroups.com
no JSF a propriedade é styleClass.


2013/2/26 Denis Silveira <denis...@gmail.com>



--
Rogério Alencar Lino Filho
http://rogeriolino.com
@rogeriolino
Vitória - ES

Ricardo Scussel

unread,
Feb 26, 2013, 12:47:50 PM2/26/13
to jav...@googlegroups.com
já fiz isto sobrescrevendo a classe do primefaces. Peguei pelo Firebug.

Arthur Ferreira

unread,
Feb 26, 2013, 12:56:23 PM2/26/13
to jav...@googlegroups.com
Às vezes não é tão simples assim e, geralmente, você tem que colocar o !important como o Phillip falou. O que você quer alterar exatamente?

Arthur Franco Ferreira 
Analista Desenvolvedor Web Java Sênior
Instrutor Caelum
Licenciado em Computação pela UNILASALLE-RJ


2013/2/26 Ricardo Scussel <rscu...@ig.com.br>

Rafael Trindade Chiappetta

unread,
Feb 26, 2013, 1:41:49 PM2/26/13
to jav...@googlegroups.com
Sinceramente, o primefaces é muito bom, mas personalizar o tema dele é ruim DEMAIS!!

eu sempre faço criando uma classe minha e atribuindo as "subclasses" dos componentes renderizados pelo primefaces.

Ex.:

.minha-classe .ui-content .ui-content-header{
 /* codigo css*/
}



=====
Rafael Trindade Chiappetta



2013/2/26 Arthur Ferreira <arthur.f...@gmail.com>

Phillip Pimenta

unread,
Feb 26, 2013, 10:02:10 PM2/26/13
to jav...@googlegroups.com
Olá pessoal,

agradeço a todos vocês que responderão minha dúvida. Acabei utilizando um plugin de validação da biblioteca Javascript Jquery. Assim, aproveitei a sintaxe do JSF sem ter que recorrer ao PrimeFaces. Segue abaixo solução:

Plugin JQuery utilizado: jquery.maskedinput.min.js

Código xhtml:

<h:inputText id="issuanceDate" class="form-input date small"></h:inputText>

<script type="text/javascript">
jQuery(function($){
   $(".date").mask("99/99/9999");
   $(".cpf").mask("999.999.999-99");
});
</script>

Glauco P. Gomes

unread,
Feb 27, 2013, 8:24:31 AM2/27/13
to jav...@googlegroups.com
Só um pequeno aviso.

Como Rogério falou antes, o atributo correto a ser utilizado é styleClass e não class.

Glauco P. Gomes
Reply all
Reply to author
Forward
0 new messages