Peço desculpas se o tópico é repetido mas já procurei e não achei.
Estou usando JSF 2 + Primefaces e estou com um problema.
O estilo do css, cores, fontes, etc, são aplicados aos componentes mas os ícones não aparecem.
Por exemplo: se eu uso um <f:dataTable/> com paginação e ordenação fica tudo bonitinho, porém os ícones de próxima página, página anterior e todos os outros ícones não aparecem.
Alguém já passou por isso?
Agradeço qualquer ajuda.
entra no css dele e veja de onde está o caminho das imagens, ele deve estar apontando para uma pasta diferente.
sou novo com primefaces e não sei onde fica as imagens nem o css.
Só estou adicionando os componentes e usando o tema padrão.
você adicionou o jar ou adicionou o estilo feito no themeroller?
adicionei a lib primefaces-2.2.1.jar
fex a configuração no web.xml direitinho?
está assim ni web.xml:
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>none</param-value>
</context-param>e se eu colocar o nome de qualquel tema não acontece nada.
tu tem que definir o tema uai, se tu não definir ele não puxa a pasta.
Segue o exemplo do site lá e aplica o tema que você quer.
Usei o exemplo dessa página que vc indicou e deu o seguinte erro:
javax.servlet.ServletException: Error loading theme, cannot find “theme.css” resource of “primefaces-aristo” library
baixe o jar e coloque na sua aplicação web depois modifique o web.xml e pronto vai funcionar, ou ainda com a opção none no web.xml e vc linka o seu css personalizado
Você colocou o jar desse tema na pasta lib do seu projeto? caso sim altera a configuração do seu web.xml para.
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>aristo</param-value>
</context-param> xD
coloquei o jar do tema nas libs e configurei o web.xml e não aconteceu absolutamente nada, nem deu erro, nem aplicou tema, e os ícones continuam sem aparecer 
Tah… mais e ai! depois de ter configurado o web.xml, vc criou uma pagina .xhtml e importal as taglibs do jsf e do primefaces e nada aconteceu?
esta é minha página. Outra coisa que acabei de notar é que an tabela não está ordenando.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.prime.com.tr/ui">
<ui:composition template="layout.xhtml">
<ui:define name="texto">MÓDULO ADMINISTRADOR</ui:define>
<ui:define name="conteudo">
<p:menubar autoSubmenuDisplay="true">
<p:submenu label="Usuários">
<p:menuitem value="Pesquisar" actionListener="#{controllerAdmin.menuItemClick}" icon="imagens/pesquisar.gif" ajax="true"/>
</p:submenu>
</p:menubar>
<h:panelGroup id="pesquisaUsuario" rendered="true">
<p:dataTable var="usuario" value="#{controllerAdmin.usuarios}"
selection="#{controllerAdmin.usuarioSelecionado}" paginator="true" rows="10"
selectionMode="single" widgetVar="usuariosTable">
<f:facet name="header">
<p:outputPanel>
<h:outputText value="Busca global:" />
<h:inputText id="globalFilter" onkeyup="usuariosTable.filter()" />
</p:outputPanel>
</f:facet>
<p:column sortBy="#{usuario.nomeUsuario}" filterBy="#{usuario.nomeUsuario}">
<f:facet name="header">
<h:outputText value="Nome" />
</f:facet>
<h:outputText value="#{usuario.nomeUsuario}" />
</p:column>
<p:column sortBy="#{usuario.login}" filterBy="#{usuario.login}">
<f:facet name="header">
<h:outputText value="Login" />
</f:facet>
<h:outputText value="#{usuario.login}" />
</p:column>
<p:column filterBy="#{usuario.email}">
<f:facet name="header">
<h:outputText value="E-Mail" />
</f:facet>
<h:outputText value="#{usuario.email}" />
</p:column>
<p:column filterBy="#{usuario.permissoes}">
<f:facet name="header">
<h:outputText value="Permissões" />
</f:facet>
<h:outputText value="#{usuario.permissoes}" />
</p:column>
<p:column filterBy="#{usuario.ativo}">
<f:facet name="header">
<h:outputText value="Ativo" />
</f:facet>
<h:outputText value="#{usuario.ativo}" />
</p:column>
<p:column>
<f:facet name="header">
<h:outputText value="Editar" />
</f:facet>
</p:column>
<p:column>
<f:facet name="header">
<h:outputText value="Excluir" />
</f:facet>
</p:column>
</p:dataTable>
</h:panelGroup>
<h:panelGroup id="panelCadastro" rendered="false">
<h:panelGrid columns="2" columnClasses="coluna1,coluna2"
rowClasses="linhaImpar,linhaPar" styleClass="tabelasCadastro"
cellpadding="0" cellspacing="0">
<h:outputText value="Nome:" />
<h:column>
<h:inputText id="nome" type="text"
value="#{controllerAdmin.usuarioSelecionado.nome}"
size="50" required="true"/>
<h:message styleClass="ui-message-error ui-widget ui-corner-all"
style="font-size:12px;" for="nome" />
</h:column>
<h:outputText value="Login:" />
<h:column>
<h:inputText id="login" type="text"
value="#{controllerAdmin.usuarioSelecionado.login}"
size="30" required="true"/>
<h:message styleClass="ui-message-error ui-widget ui-corner-all"
style="font-size:12px;" for="nome" />
</h:column>
<h:outputText value="E-Mail:" />
<h:column>
<h:inputText id="email" type="text"
value="#{controllerAdmin.usuarioSelecionado.email}"
size="30" required="true"/>
<h:message styleClass="ui-message-error ui-widget ui-corner-all"
style="font-size:12px;" for="email" />
</h:column>
<h:outputText value="Senha:" />
<h:column>
<h:inputSecret id="senha" name="senha"
value="#{controllerAdmin.usuarioSelecionado.senha}" size="10" maxlength="10" />
<h:message styleClass="ui-message-error ui-widget ui-corner-all" style="font-size:12px;" for="senha" />
</h:column>
<h:outputText value="Confirmação da Senha:" />
<h:column>
<h:inputSecret id="confirmacaoSenha" name="confirmacaoSenha"
validator="#{controllerAdmin.validarSenha}"
value="#{controllerAdmin.usuarioSelecionado.confirmacaoSenha}" size="10"
maxlength="10" />
<h:message styleClass="ui-message-error ui-widget ui-corner-all" style="font-size:12px;" for="confirmacaoSenha" />
</h:column>
</h:panelGrid>
<h:commandButton value="Cadastrar Usuário"
action="#{controllerAdmin.cadastrarUsuario}">
<!-- <f:ajax render="nomeAssinatura1 cargoAssinatura1" event="click" listener="#{controller.exibirDialog}"/> -->
</h:commandButton>
</h:panelGroup>
</ui:define>
<ui:define name="botoes">
</ui:define>
</ui:composition>
</html>adicioa a tag HEAD depois das taglib
<h:head>
<p:resources/>
</h:head>[quote=jweibe]adicioa a tag HEAD depois das taglib
<h:head>
<p:resources/>
</h:head>
[/quote]
Adicionei esse techo no local indicado e nada aconteceu.
adicionei o <p:resources/> no local indicado e continua sem acontecer nada.
Voce conseguiu resolver seu problema pois estou na mesma situacao com o primefaces para utilizar o componente p:tree em um site feito com facelets e nao carrega nem com reza … ja segui os passos citados no seu post mas nao consegui
[quote=jefferson_amarals]Peço desculpas se o tópico é repetido mas já procurei e não achei.
Estou usando JSF 2 + Primefaces e estou com um problema.
O estilo do css, cores, fontes, etc, são aplicados aos componentes mas os ícones não aparecem.
Por exemplo: se eu uso um <f:dataTable/> com paginação e ordenação fica tudo bonitinho, porém os ícones de próxima página, página anterior e todos os outros ícones não aparecem.
Alguém já passou por isso?
Agradeço qualquer ajuda.[/quote]
sei que o assunto é antigo , mas vou deixar a resolução para todos que ainda tem o problema:
PRIMEIRO:
baixe o tema, descompacte o jar ,
vá dentro da pasta resouces/primefaces-NOME-DO-TEMA e copie a pasta images e o theme.css
clique com o botão direito do mouse em cima da pasta “Páginas Web” e cole ali(lembrando que é apenas para efeito de explicação, mas não é o mais correto de se fazer)
SEGUNDO:
Abra o arquivo theme.css e aperte Ctrl+F e digite icon e localize, o primeiro resultado voce pula e vai no segundo onde aparece o local do icone
altere para:
background-image:url("images/nome-do-icone.png")para alterar os icones basta colocar o nome do icone preferido…
um abraço a todos e fica a dica para quem esta com problemas nos icones do primeface…