Is it possible to put a graphicImage inside f:selectItem itemLabel?

Question

I want to put an image using p:graphicImage inside an itemLabel of an f:selectItem so that the image becomes the label of the item, is it possible to do that, if yes, what is the syntax of doing that? for example:

<f:selectItem itemLabel="put graphicImage Here" itemValue="Pale white" />

Note: what i mean is that i want to hard code the p:graphicImage element directly inside the itemLabel

Yes it is possible. Check the example [about ``](http://www.primefaces.org/showcase/ui/selectOneMenu.jsf) in PrimeFaces showcase. — Luiggi Mendoza, May 28 '13 at 14:21
i don't want to read from an ArrayList i want to hardCode the p:graphicImage directly inside the itemLabel — Eslam Hamdy, May 28 '13 at 14:24
@JavaPlayer hardcode it on the managed bean and retrieve it on itemLabel. — Diogo Moreira, May 28 '13 at 14:26
yes i tried it but i doesn't work, http://stackoverflow.com/questions/16792660/primefaces-selectonemenu-not-rendering-images-and-strings — Eslam Hamdy, May 28 '13 at 14:26
@Diogo ok, again how to put the p:graphicImage inside the itemLabel ?? — Eslam Hamdy, May 28 '13 at 14:29

score 0 · Answer 1 · edited May 23 '17 at 12:15

0

Yes it's possible. Use HTML Escape Characters to build your <img /> Tag

Yours will probably looks like this:

<f:selectItem itemEscaped="false" itemLabel="<img src="/icons/your-icon.svg" />" itemValue="true" />

Obs.: Dont forget to use a converter.

Take a look at How to escape f:selectItem itemLabel attribute

edited May 23 '17 at 12:15

Community

1
1

answered Sep 14 '16 at 16:44

Rômulo Göelzer Portolann

181
1
6

Is it possible to put a graphicImage inside f:selectItem itemLabel?

1 Answers1