Primefaces tamanho dos componentes

1,957 views
Skip to first unread message

Levy Moreira

unread,
Apr 17, 2011, 11:14:12 AM4/17/11
to jav...@googlegroups.com, jav...@googlegroups.com
Não sei se já perceberam mas o tamanho padrão dos componentes do primefaces é enorme pra diminuir utilizo a tecnica de fazer o seguite:

adiciono linha:
.ui-widget {font-size: 11px !important;}
ao arquivo localizado em:
meta inf/ resources/ primefaces/ skins/skin.css

e o tamanho de todos componentes ficam legais.

Mas nas novas versões 2.2.1 e 3.0 eu não achei o arquivo alguém sabe outra forma de resolver isso?

--
Levy Moreira - Programador
Sistech Informática - Juazeiro do Norte - CE

...........................................................................
"Aviso de confidencialidade profissional" - Esta mensagem eletrônica e seus anexos são destinados exclusivamente ao(s) destinatário(s) acima e podem conter informações confidenciais sujeitas a restrição legal de comunicação entre as partes. Caso tenha recebido esta mensagem por engano, fica V.S.ª ciente de que a distribuição, divulgação ou disseminação das informações aqui contidas ou anexadas é terminantemente proibida, sujeitando o responsável às penalidades aplicáveis. Assim, solicitamos a gentileza de retorná-la de imediato ao remetente, eliminando-a definitivamente de seu sistema. Em caso de dúvida, queira por favor entrar em contato."

"Confidentiality notice" - This message and its attachments are addressed solely to the persons above and may contain privileged and confidential
communication. If you have received the message in error, the distribution or dissemination of the content hereof is prohibited. Please return it
immediately to the sender and please delete the message from your system on a permanent basis. Should you have any questions, please contact."

...........................................................................


Rafael Pestano

unread,
Apr 17, 2011, 7:16:00 PM4/17/11
to jav...@googlegroups.com
crie uma folha de estilos e adicione a seguinte classe,
 .ui-widget,.ui-widget .ui-widget {
     font-size: 11px !important;
}

ou
 .ui-widget {
    font-size: 98% !important;
}

depois é só carregar o arquivo .css no seu template principal,

espero que ajude.
 
Att,

--

Rafael Mauricio Pestano

Graduando em Ciência da Computação
UFRGS



De: Levy Moreira <levymor...@gmail.com>
Para: jav...@googlegroups.com; jav...@googlegroups.com
Enviadas: Domingo, 17 de Abril de 2011 12:14:12
Assunto: [javasf] Primefaces tamanho dos componentes
--
Você recebeu esta mensagem por que é membro do Javasf
http://groups.google.com/group/javasf
 
Conheça também o Java Brazil: http://groups.google.com/group/thejavabrazil

Luiz Viana

unread,
Apr 17, 2011, 8:00:44 PM4/17/11
to jav...@googlegroups.com
Eu coloco a definicao num css proprio do meu projeto...

Levy Moreira

unread,
Apr 18, 2011, 6:30:19 AM4/18/11
to jav...@googlegroups.com
Quanto ao menu fixo ninguém?

Flavio Cysne

unread,
Apr 18, 2011, 7:59:46 AM4/18/11
to jav...@googlegroups.com
complementando o que o Rafael Pestano citou, crie uma div, que será o container de toda a sua página, contendo o class="ui-widget".

segue um trecho do primefaces manual falando sobre isto.

Default font size of themes might be bigger than expected, to change the font-size of PrimeFaces
components globally, use the .ui-widget style class. An example of smaller fonts;
.ui-widget, .ui-widget .ui-widget {
    font-size: 90% !important;
}

Boa sorte.
Flávio Cysne

Em 17 de abril de 2011 21:00, Luiz Viana <luizser...@gmail.com> escreveu:

Igor Queiroz

unread,
Apr 18, 2011, 8:58:34 AM4/18/11
to jav...@googlegroups.com
Nessas horas brincar com o FireBug é uma diversão, ele ajuda muito a entender como funciona o css do Primefaces.
O problema é que poucos programadores/analistas têm conhecimento de CSS que é mais voltado para a galera do Web Design,
daí a gente tem que se virar nos 30 aprendendo na força bruta a mexer com CSS.

Flavio Cysne

unread,
Apr 18, 2011, 9:15:40 AM4/18/11
to jav...@googlegroups.com
Levy,

    o que você quis dizer com "menu fixo" ?

T+

Flávio Cysne

Levy Moreira

unread,
Apr 18, 2011, 10:33:04 AM4/18/11
to jav...@googlegroups.com
Tipo no gmail, tem uma barra no lado esquerdo com as opções de enviar, caixa de entrada, caixa de saida, e conforme eu vou clicando nestas opções a página vai mudando no lado esquerdo da tela, ou seja o menu com as opções é fixo.
Deu pra entender mais ou menos?

Danilo Cássio G Miranda

unread,
Apr 18, 2011, 10:37:29 AM4/18/11
to jav...@googlegroups.com
Levy,

O Ponte tem um ótimo post sobre isso! Olha só => http://www.rponte.com.br/2008/04/10/utilizando-ajax-com-jsf-de-maneira-eficiente/

Danilo Cássio Miranda.
Desenvolvedor de Sistemas Web

Denis Rayan Luna da Silveira

unread,
Apr 18, 2011, 10:38:31 AM4/18/11
to jav...@googlegroups.com
Isso na verdade é AJAX.
Atenciosamente,

Denis Silveira
Fone: (61) 8540-3596
www.systic.com.br
Analista Desenvolvedor Java

"Eu adoraria mudar o mundo, mas eles não me dão o código fonte."





Levy Moreira

unread,
Apr 18, 2011, 11:44:32 AM4/18/11
to jav...@googlegroups.com
Rapaz esse rafael ponte já derrubou uns 4 problemas meus, vou ver se esse post resolve meu problema, pelo que vi vou ter que estudar ajax e facelets.... tudo isso pra fazer meu bendito menu fixo ao lado da página...
Reply all
Reply to author
Forward
0 new messages