Sunday, June 22, 2014

Como usar imagenes con < p :commandButton >

Como usar imágenes con <p:commandButton>


Agregamos la imagen de 16x16 en resources
c.png


Editar el archivo default.css
r.png


Agregar al archivo
.dolar-icon {
   background-image: url("#{facesContext.externalContext.request.contextPath}/resources/imagenes/dolar.png") !important;
}


d.png


Ahora podemos usar el icon =”dolar-icon” que definimos en el archivo default.css
 <p:commandButton
                       icon="dolar-icon"
                       title="#{app['title.searchregimen']}"
                       rendered="#{cc.attrs.nivel6BotonRender}"
                       oncomplete="PF('nivel6ComponentDialogVar').show();"/>

bo.png

1 comment:

Anonymous said...

Perfecto, muy útil !!!

Muchas gracias