How can I replace or add a Retina icon image ?

[Marc White]

How can I add a custom button/icon image for display on a form ? The retina list has many button images to select from but my customer wants a specific image.  If I add customer_logo.png to System UI -> Images and then  replace <class="btn btn-default icon-link"> with  <class="btn btn-default customer_logo">  in the UI Macro I get an empty button (no image).  The sample below depicts the desired outcome.

[Chuck Tomasi]

Typically the image is defined in the decoration tag, not the class attribute. This example code comes right out of the UI macro user_show_incidents. Somewhere in your code, you should have an image attribute like this.

<g:reference_decoration id="${jvar_n}" field="${ref}" 
  onclick="showRelatedList('${ref}'); "
  title="${gs.getMessage('Show related incidents')}" image="images/icons/tasks.gifx" icon="icon-tree-right"/>

[Marc White]

Thank you, but ...

How do I replace icon-tree-right with a PNG file I have on my desktop ?

[rajesh9885]

Never done this, but i think you got to load your image on system ui --> image table

regards

[Chuck Tomasi]

You do need to upload your image in System UI> Images. You can then reference it from just about anywhere with the link provided on that record (e.g. images/my_image.png)