JSF+ Primefaces: Mudar imagem de icone no Menu

29 de março de 2011 3 respostas

princext 29 de março de 2011

Tenho o seguinte codigo:

<p:menubar >
	<p:menuitem  icon="ui-icon ui-icon-close" />
</p:menubar>

Desta maneira a imagem do icone aparece tranquilamente, o problema eh que essa imagem eh padrao do primefaces e eu desejo
muda-lá. Em outra aplicacao com primefaces eu vi um exemplo da seguinte maneira:

<p:menubar >
	<p:menuitem label="iChat" icon="/images/macosx/ichat.png" url="#"/> 
</p:menubar>

Dae tentei fazer +ou- da mesma maneira porem sem sucesso:

<p:menubar >
	<p:menuitem icon="/images/barricone/shutdown.png" />
</p:menubar>

A pasta “images” está dentro do diretório WebContent da aplicacao…Se alguem puder ajudar…

3 Respostas

Mr.style 29 de mar. de 2011

coloca ela dentro de uma pasta resources…
Já é começo do padrão…
depois acho mais tranquilo vc criar um icone novo pelo CCS do SKIN.

princext 29 de mar. de 2011

O engraçado eh que se eu mudar o compoente para um dock por exemplo ele axa, mas num menubar ele nao axa…tipo no codigo
abaixo funciona:

<p:dock position="top">
	<p:menuitem value="Home" icon="/images/dock/home.png" url="#" />
</dock>

Mas eu nao kero um componente dock e sim um menubar e no meubar o codigo nao funciona:

<p:menubar>
	<p:menuitem value="Home" icon="/images/dock/home.png" url="#" />
</menubar>

rafaelvascon 21 de abr. de 2011 1 like

Resolvi esse mesmo problema colocando a pasta de icones dentro da pasta onde esta o css, e inserindo no css:

.imagemNovo { width: 16px; height: 16px; background-image: url(icones/add.png) !important;}

Depois usei no menuitem:

<p:menuitem value="Novo Casal" action="casal/Create"  icon="imagemNovo" ajax="false"/>

Criado 29 de março de 2011

Ultima resposta 21 de abr. de 2011

Respostas 3

Participantes 3

3 Respostas

Topicos relacionados