Resource library getting ignored in h:graphicImage

image jsf jsf-2 mojarra
casolorz picture casolorz · Dec 14, 2012 · Viewed 9.3k times · Source

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">

However I do see other things using resources, for example 

<script type="text/javascript" src="/www/javax.faces.resource/jquery/jquery.js.xhtmlln=primefaces"></script>

And if I go to /www/javax.faces.resource/Circle_Yellow.png?ln=images it works.

So what could I possibly be doing wrong that my library gets ignored on the h:graphicImage. Also it isn't just as an image, I have a css file that is failing too.

I'm using mojarra 2.1.16 and primefaces 3.4.1.

Answer

BalusC picture BalusC · Dec 14, 2012

The value attribute takes an URL, not the resource name. To specify the resource name, use the name attribute.

<h:graphicImage library="images" name="Circle_Yellow.png" />

See also the <h:graphicImage> tag documentation for details.

Unrelated to the concrete problem, your usage of the library attribute is not entirely right. Please carefully read What is the JSF resource library for and how should it be used? You should be using it as

<h:graphicImage name="images/Circle_Yellow.png" />

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
How to put image instead of text in h:commandLink value

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 …

Read More