Pessoal alguem conseguiu mudar font do primefaces.
ouvi alguma coisa do skin, mais aonde este cara fica?
Como mudar a font do primefaces
E
36 Respostas
A
no site do primefaces tem um monte de tema para fazer o download... basta adiciona-los a biblioteca do projeto
depois basta mudar o nome o do tema, onde ta escrito "aristo" você coloca o nome do novo tema sem a versão. por exemplo:
vamos supor que você faça o download do "dark-hive-1.0.1.jar", no lugar do aristo vc vai por "dark-hive".
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>aristo</param-value>
</context-param>
Você também pode abrir nos componentes do primefaces o style e mudar um monte de coisa...
por exemplo no style abaixo colocamos o tamanho da fonte "13" então tudo dentro do panelgrid vai ficar 13
<h:panelGrid style="font-size: 13px" columns="2" width="100%" id="panelgri">
E
isso eu sei,vou explicar melhor,
tem como eu alterar a fonte do thema do prime para aplicação inteira
E
Veja se isso resolve:
.ui-widget,
.ui-widget .ui-widget {
font-size: 12px !important;
}
E
aonde eu coloco
.ui-widget,
.ui-widget .ui-widget {
font-size: 12px !important;
}
E
No seu tema do PF. Se não me engano tem o nome de skin.css ou theme.css
Na real já existe essas chamadas neste arquivo css. Comente o original caso queira voltar posteriormente ao padrão.
J
Se preferir vc pode entrar no site http://jqueryui.com/themeroller/
E personalizar seu tema.
Trocando fontes, tamanhos, cores, etc.
E
ja vi algo desse skin.css ,achei o theme.css
entrei no theme.css mais não consigo editar o arquivo
E
?
P
é a mesma coisa, se não me engano o theme.css ta dentro do jar ! vc pode ir no themeroller personalizar seu tema baixar ele e depois inserir na pagina
E
eu sei aonde esta o theme.css
o problema é que eu não consigo editar
eu abro ele pelo netbeans mais não consigo editar
P
ele está dentro do jar correto ? se sim usa o winrar para abrir e editar o arquivo, ai quando fechar ele atualiza
E
entendi, vou tentar
valewss
E
como eu transformo para .jar de novo?
E
eu fiz isso, mais na hora de voltar o jar gero o seguinte erro
Created dir: C:\Desenvolvimento\Projetos\ProjetoNetBeans\studio\build\empty
Compiling 25 source files to C:\Desenvolvimento\Projetos\ProjetoNetBeans\studio\build\web\WEB-INF\classes
error: error reading C:\Desenvolvimento\Java\PrimeFaces\Temp\black-tie-1.0.1.jar; error in opening zip file
1 error
C:\Desenvolvimento\Projetos\ProjetoNetBeans\studio\nbproject\build-impl.xml:547: The following error occurred while executing this line:
C:\Desenvolvimento\Projetos\ProjetoNetBeans\studio\nbproject\build-impl.xml:297: Compile failed; see the compiler error output for details.
FALHA NA CONSTRUÇÃO (tempo total: 1 segundo)
E
?
F
cara
adicione esse css as suas páginas e vai ficar tudo “bonitinho”
E
eu não manjo nada de css rsrs como eu add?
temque adcionar pagina por pagina?
tem algum exemplo?
P
http://quebrandoparadigmas.com/?p=157 da uma olhada se isso nao te ajudar eu nao sei mais =)
E
cara eu sei colocar um thema no meu projeto, eu sou não estou conseguindo alterar a font dele
quando eu altero a font e salvo o jar, ele gera aquele erro
P
cara eu sei colocar um thema no meu projeto, eu sou não estou conseguindo alterar a font delequando eu altero a font e salvo o jar, ele gera aquele erro
Cara tenta usar esse anexo aqui
E
eu coloco esse cara aonde?
P
no web.xml adiciona :
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>glass-x</param-value>
</context-param>
e o jar vc adiciona na app
F
cara
vc tem que criar um “link” para cada css em cada página sua
EXEMPLO
<html>
<head>
<title>css</title>
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
</body>
</html>
E
mais e só colocar este link na pagina e beleza?
rel=“stylesheet” o que significa isso?
href="default.css // isso daqui e do jar que vc me passou?
vem o o nome default mesmo?
F
mais e só colocar este link na pagina e beleza?rel=“stylesheet” o que significa isso?
href="default.css // isso daqui e do jar que vc me passou?
vem o o nome default mesmo?
não, eu te passei um texto que você deve salvar como default.css na raiz do seu software.
stylesheet é pra identificar os seus css’s
E
mais ai em todos componentes eu vou temque colocar este css,eu queria um forma de alterar isso no proprio theme do prime
F
haaaa
J
Acredito que já tenha resolvido seu problema, mas para outros que venham a procurar, acho que a melhor forma de alterar um tema no primefaces sem precisar “mexer” no css é utilizando o link http://jqueryui.com/themeroller/ selecionar o tema ou alterar algum, efetuar o download do tema e utilizar apenas as pastas images e jquery-ui-1.x.x.custom.css.
L
Sobre “personalizar” os temas do Primefaces:
http://javasemcafe.blogspot.com/2011/05/jsf-20-utilizando-o-primefaces-221.html
J
Essa pessoinha me ajudou muito com o primefaces.
Boa dica tsc tsc
P
Não precisa alterar o SKIN.CSS do PRIMEFACES, basta inserir na página .xhtml dentro da tag :
<h:head>
Alterando o Tamanho da Fonte para qualquer Tema do PRIMEFACES
<style>
.ui-widget,
.ui-widget .ui-widget {
font-size: 11px !important;
}
</style>
</h:head>
Assim, independente do tema que estiver utilizando do PRIMEFACES será respeitado o tamanho da fonte definido na tag
U
PROGIX,
Achoq a solução mesmo pro problema deste post foi esta apresentada por vc.
Falew.
P
Muito útil isso! Realmente funcionou 
Só aproveitando, alguém saberia dizer (não sei se é só comigo que acontece isso), se tem como alterar o “tipo” do texto que é inserido em um inputText por exemplo??
O que quero dizer é que, estou usando o tema default do primefaces (aristo, acredito eu), só importando o lib dele no projeto… mas dentro do campos do inputText a font fica em negrito parece… não tem como alterá-lo e deixá-lo normal assim como ta no showcase do site?
Obrigado!!
Abraços
D
No seu CSS:
* {
font-family: sua fonte; !important
}
Deve funcionar
P
valeeeu!!!
J
no site do primefaces tem um monte de tema para fazer o download... basta adiciona-los a biblioteca do projetodepois basta mudar o nome o do tema, onde ta escrito "aristo" você coloca o nome do novo tema sem a versão. por exemplo:
vamos supor que você faça o download do "dark-hive-1.0.1.jar", no lugar do aristo vc vai por "dark-hive".<context-param> <param-name>primefaces.THEME</param-name> <param-value>aristo</param-value> </context-param>Você também pode abrir nos componentes do primefaces o style e mudar um monte de coisa...
por exemplo no style abaixo colocamos o tamanho da fonte "13" então tudo dentro do panelgrid vai ficar 13<h:panelGrid style="font-size: 13px" columns="2" width="100%" id="panelgri">
Obrigado parceiro, eu tava precisando dessa dica.
Flws
Criado 5 de junho de 2011
Ultima resposta 1 de mar. de 2015
Respostas 36
Participantes 13
Alura VSCode: extensões mais usadas Quais as extensões que podem auxiliar na hora desenvolvimento na IDE Visual Studio Code
Casa do Codigo Seguranca em front-end: Estrategias para mitigar ataques... Por Antonio Luis Rossi — Casa do Codigo
Fiap Pos-Tech: Front-end Engineering Pós-Graduação para desenvolver habilidades avançadas em tecnologias front-end, com foco em...