Primefaces - alterar imagem commandButton

4 respostas
M

Olás,

Preciso alterar a imagem de um p:commandButton. Para isso vi que é necessário trabalhar com CSS, só que pra mim não está funcionando… mais especificamente, não está encontrando o ícone. Vejam:

<p:commandButton onclick="dlg_status_notificacao.show()" icon="notificacao_em_atraso" title="Troca de Status da Notificação" update=":tab_pesquisa:form_status_notificacao">
     <f:setPropertyActionListener target="#{statusNotificacaoBean.notificacao}" value="#{notificacao}" />
 </p:commandButton>
.notificacao_em_atraso {   
    background-image: url('../resources/imagens/excluir.png');  
    background-repeat: no-repeat; 
    width: 16px;   
    height: 16px; 
}

Creio que o problema esteja aqui: background-image: url(’…/resources/imagens/excluir.png’); . Só que possuo a imagem exatamente neste diretório. Já tentei passando até o caminho absoluto, mas tbém não encontrou o ícone.

Poderiam me ajudar?

Obrigado :wink:

4 Respostas

M

Viche… ninguém?

F
tente isso :

.notificacao_em_atraso {

background-image: url(’…/resources/imagens/excluir.png)!important;

background-repeat: no-repeat;

width: 16px;

height: 16px;

}

o !important, serve para dar prioridade a declaração da imagem.

A

troque seu background para background: url(#{resource[‘imagens:excluir.png’]});

D

To com o mesmo problema, conseguiu resolver??

Abraço

Criado 23 de agosto de 2012
Ultima resposta 13 de dez. de 2012
Respostas 4
Participantes 4