imagem em um p:commandButton

1,040 views
Skip to first unread message

Leonardo Ribeiro

unread,
Mar 13, 2012, 1:45:03 PM3/13/12
to jav...@googlegroups.com
Pessoal,

Como eu coloco uma imagem "externa" (um png meu) em um p:commandButton ?


--
[]'s
Leonardo

Linux User #488650
Ubuntu User #27045
Mais sobre o Ubuntu em português: http://www.ubuntu-br.org/comece

Leonardo Ribeiro

unread,
Mar 13, 2012, 1:47:21 PM3/13/12
to jav...@googlegroups.com
Resolvido.

Renieri

unread,
Mar 13, 2012, 1:49:26 PM3/13/12
to jav...@googlegroups.com
isso é q eu chamo de eficiência hehe

Resolvido.
--
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

Rafael Pestano

unread,
Mar 13, 2012, 2:00:25 PM3/13/12
to jav...@googlegroups.com
Agora eu já sei como colocar uma imagem em um p:commandButton, basta esperar 2 minutos e a imagem se anexa ao componente...
 
Att,

Rafael M. Pestano

Desenvolvedor Java Cia. de Processamento de Dados do Rio Grande do Sul
Graduando em Ciência da Computação UFRGS
@realpestano


De: Renieri <rayron....@gmail.com>
Para: jav...@googlegroups.com
Enviadas: Terça-feira, 13 de Março de 2012 14:49
Assunto: Re: [javasf] Re: imagem em um p:commandButton

Marcos Polverini

unread,
Mar 13, 2012, 2:03:49 PM3/13/12
to jav...@googlegroups.com
Como vc fez ?

Fred

unread,
Mar 13, 2012, 2:19:21 PM3/13/12
to jav...@googlegroups.com
Posta aí o que vc fez!
Frederico Araújo Soares
fred(x) = x.developer + x.trader, x = (web+mobile)
Blog's: www.twitter.com/web4u

Marcelo França Vieira

unread,
Mar 13, 2012, 1:48:23 PM3/13/12
to jav...@googlegroups.com
Use a tag <p:graphicImage />
<p:commandButton id="clkUnidadePolicial" global="false" process="@this"
                                  onclick="dlgSelectUnidadePolicial.show();">
           <p:graphicImage style="border: 0px !important; height: 16px; width: 16px; margin:0px 5px 0px 0px;"
                                    value="/images/b_select.png"/>
</p:commandButton >

--

Ramon Melo

unread,
Mar 13, 2012, 2:07:18 PM3/13/12
to jav...@googlegroups.com
pode usar o <h:graphicImage  /> dentro do componente e no value coloca o caminho da imagem..

Em 13 de março de 2012 15:03, Marcos Polverini <mpolv...@askcallcenter.com.br> escreveu:

Rafael Pestano

unread,
Mar 13, 2012, 2:29:56 PM3/13/12
to jav...@googlegroups.com
No primefaces 3.x as imagens dos botões são mostradas via css,

.css
.ui-icon home{
 background-image:url(#{resource['images:home.png']});//é o mesmo que  background-image:url('/resources/images/home.png');
}

.xhtml

<p:commandButton value="Home" icon="ui-icon home"/> 

espero que ajude.


 
Att,

Rafael M. Pestano

Desenvolvedor Java Cia. de Processamento de Dados do Rio Grande do Sul
Graduando em Ciência da Computação UFRGS
@realpestano


De: Fred <frederico...@gmail.com>
Para: jav...@googlegroups.com
Enviadas: Terça-feira, 13 de Março de 2012 15:19

Assunto: Re: [javasf] Re: imagem em um p:commandButton

Leonardo Ribeiro

unread,
Mar 13, 2012, 3:09:27 PM3/13/12
to jav...@googlegroups.com
Eu fiz o seguinte:

criei um arquivo css

.addSelected {  
background-image: url("../resources/AddSelect.png") !important;  
}

e no componente fiz

<p:commandButton id="btn" icon="addSelected" />



2012/3/13 Rafael Pestano <rmpe...@yahoo.com.br>
Reply all
Reply to author
Forward
0 new messages