How to put image instead of text in h:commandLink value

image jsf commandlink
Rithik_Star picture Rithik_Star · Jul 28, 2014 · Viewed 11.3k times · Source

I have a command link as below.

<h:commandLink value="Home" action="homePage">
</h:commandLink>

This is working fine, but I need a image instead of text value. The image has to act as a command link.

How can I achieve this?

Answer

cmenti picture cmenti · Jul 28, 2014

You should remove value attribute and put <h:graphicImage> inside <h:commandLink>.

<h:commandLink action="homePage">
    <h:graphicImage value="resources/images/img.png" />
</h:commandLink>

Related questions

Display dynamic image from database or remote source with p:graphicImage and StreamedContent

I'm trying to display image bytes which is saved in database as a StreamedContent in the <p:graphicImage> as follows: <p:graphicImage value="#{item.imageF}" width="50" id="grpImage" height="80"/> private StreamedContent content; // getter and setter public …

Read More
Load images from outside of webapps / webcontext / deploy folder using <h:graphicImage> or <img> tag

I need to display images which reside outside of deploy folder in web application using JSF <h:graphicimage> tag or HTML <img> tag. How can I achieve that?

Read More
Resource library getting ignored in h:graphicImage

I have the following tag: <h:graphicImage value="Circle_Yellow.png" library="images" /> In my folder I have the following structure: /resources/images/..... /WEB-INF/.... /*.xhtml When rendered that image shows up as: <img src="Circle_Yellow.png"&…

Read More