Skip to main content

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

Comments

Anonymous said…
Perfecto, muy útil !!!

Muchas gracias

Popular posts from this blog

Primefaces v13

 La versión nueva de primefaces v13.0 elimina el componente <p:repeat>  Consulte los cambios en  https://github.com/primefaces/primefaces/releases/tag/13.0.0 por lo tanto si necesita una solución similar considere utilizar  <p:carousel>  o  <ui:repeat> En la versión 13 genera una excepción

Jmoordb-Core @UpdateMany y @DeleteMany

 Jmoordb-Core @UpdateMany y @DeleteMany Estoy trabajando en una versión nueva de jmoordb-core en la cual se estará implementando nuevas funcionalidades como lo son @DeleteMany y    @UpdateMany con la finalidad de hacer operaciones sobre múltiples documentos de la colección.