Colocar uma imagem dentro de CommandButton

Bom dia, pessoal.

Estou fazendo uma aplicação aqui na qual preciso colocar uma imagem dentro do commandButton.
Estou fazendo desta forma porém a imagem está ficando de fora.

[code]
<h:commandButton value=“Salvar”>
<h:graphicImage value="/imagens/salvar.png"/>
</h:commandButton>

[code]
Existe um jeito para que a imagem fique dentro do botão ?
Desde já agradeço.


<h:commandButton image="../decoration/images/menu_voltar.JPG" alt="Voltar pro Meunu" action="#{usuarioBean.novoMenu}" />

Uma referência :slight_smile:
http://www.jsftoolbox.com/documentation/help/12-TagReference/html/h_commandButton.html

Estou fazendo do jeito que vcs falaram:
<h:commandButton value=“salvar” image="…/imagens/salvar.png" >

              </h:commandButton>

Porém o texto não aparece.
O que pode ser ?É possivel colocar o texto e a imagem juntas?

Ele troca o resoltado da tag html pra tag quando vc usa o atributo src (é oq está escrito no site q passei), vc pode usar css para fazer oque quer kra :), um exemplo: http://www.ampsoft.net/webdesign-l/image-button.html

CSS resolve sim, porém se sua view mudar de pasta ou para uso em um template isso dá errado por causa dos links relativos do CSS.

Em uma aplicação com facelets você pode usar o código abaixo para carregar um arquivo css não importando a pasta onde a view esteja.

<link href="#{facesContext.externalContext.getRequestContextPath()}/stylesheet/theme.css" />

Em meu ambiente usamos seam + facelets e no momento minhas apostas estão em xcss e Plug’n skin, que segundo a documentação te permite acessar caminhos dentro da aplicação ou do jar usando f:resource

Alguém já utiliza esta técnica com sucesso? XCSS para acessar imagens, creio que é o que precisamos aqui.

opa cara, uma outra alternativa, em JSF, eh essa:

	<h:commandLink action="#{exampleBean.action()}">
		<button><h:graphicImage
		library="images" name="image.png" />
		text</button>
	</h:commandLink>

dependendo da aplicação pode usar o , então fica assim:

	<h:commandLink action="#{exampleBean.action()}">
		<button><img src="url_da_imagem"/>
		text</button>
	</h:commandLink>

usa o que te melhor convem ;D