show icon with p:commandLink

primefaces icons commandlink
Dave picture Dave · Oct 15, 2016 · Viewed 14.6k times · Source

How to show an icon with commandLink:

<p:commandLink 
         styleClass="ui-icon ui-icon-plus"
         action="#{bean.doSomething}"     >

         <h:outputText value="Add" />   
</p:commandLink>

The outputText (Add) is not visible. What is the right way for commandLink to support icon? Thanks.

Answer

wysouf picture wysouf · Jul 21, 2017 
<p:commandLink action="#{bean.doSomething}">
     <h:outputText value="Add" class="ui-icon ui-icon-plus"/>   </p:commandLink>

Related questions

Add an image or icon to primefaces tab header

im trying to use an image /icon on a tab header instead of text title(or may using both of them), i was testing using titleStyleClass seting an image background but doesnt work my primefaces tab: <p:tab titleStyleClass="…

Read More
Understanding PrimeFaces process/update and JSF f:ajax execute/render attributes

What exactly are process and update in PrimeFaces p:commandXxx components and execute and render in f:ajax tag? Which works at the time of validation? What does update attribute do rather than updating value to component from back end? …

Read More
List of <p:ajax> events

I've searched the Internet and I cannot find a list of <p:ajax> events. Can anyone provide a complete list of events for the <p:ajax> tag? I'm particularly interested if there is an onblur event …

Read More