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

Question

I want to set an icon from the CMS on a p:commandButton. How can I achieve this?

Accepted Answer

1

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: alt text

link

answered 06.03.2014 at 14:50

Peter Stöckli ♦
(suspended)
accept rate: 69%

Answer 2

1

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'

link

answered 06.03.2014 at 18:01

Alexis
(suspended)
accept rate: 66%