Answers to: How can I set an icon from the CMS on a commandButton?

Answer by Alexis

Alexis — Thu, 06 Mar 2014 18:01:15 -0500

Thank you for the answer Peter! Additionally there is a possibility to get Icons dynamically:

<c:forEach items="#{data.navElems}" var="n"> 
  <p:menuitem value="#{n.description}" icon="#{resource[n.imageUrl]}" /> 
</c:forEach>

The n.imageUrl is like: 'ivy-cms:/nav1/_image'

Peter Stöckli — Thu, 06 Mar 2014 14:50:36 -0500

You can do this by defining a CSS style:

.ui-icon-my{
    background-image: url("#{resource['ivy-cms:images/myIcon']}") !important;
}

and then use it like this on the commandButton:

<p:commandButton actionListener="#{logic.closed}" update="form" value="hallo" image="ui-icon-my" />

Which will then look like this: