Add images to CCK Checkboxes

I've experimented with this but didn't get anywhere...

Very interested in this option...

Got it. simple actually.

in Allowed Values, use the following format:

no|<img src="/what/ever/none.png" alt="No">
yes|<img src="/what/ever/yes.png" alt="Yes">

And it works.

Well... you're right.

This does not work for select lists. It does for check-boxes and radio-buttons.

If you're trying to show images instead of the labels, when viewing nodes, the only way i've managed is by using the conditional fields module. Create a conditional check-boxes field, and set it to display only when specific select list options have been chosen. the default value of the field should be set to the image you want to show.

No. that's not what i meant. What i meant is that when editing a node with a checkboxes field, you will properly see the labels as images, and not as code. When editing a select list field, with code for images as labels, you will see the <img...>...</img> code, since it cannot (and don't ask me why) be seen as images inside a select box.

What you're suggesting is interesting. I have no idea if and how that can be done.

subscribe

I figured out a way of doing this mostly through CSS:

YES|<span class="checkicon_text">Yes</span><img class="checkicon_icon" src="images/yes_icon.png" alt="Yes!">

then, in CSS, you can turn the text & icon (image) on and off individually, by setting the "display" attribute on the "checkicon_text" and "checkicon_icon" classes, per page or whatever. Unfortunately, this leads to some ugly-ish CSS in my case:

.checkicon_icon, #user-profile .checkicon_text, .view-search-page .view-content .checkicon_text {
    display: none;
}

.checkicon_text, #user-profile .checkicon_icon, .view-search-page .view-content .checkicon_icon {
    display: inline;
}

I'm setting the default to be icon=none, text=inline - which covers cases where the field is *edited*. In cases where the field is *viewed* I want icons, so "#user-profile" and ".view-search-page .view-content" get the opposite treatment. The former is a panel on the user profile page, and the latter is the search results on my user search page. Not exactly intuitive to read, though.

I'm looking for a solution like this as well so subscribing!

subscribe

subscribe

subscribe

This was all I needed - worked a charm. Thanks!

subscribing

<img src="/link/image.ext"></img> don't work

<img src='/link/image.ext'></img>this work

replace " " with ' '

example:

<img src='/sites/default/files/myimage.png'></img>

I have the same problem, changing quotes does not work for me

read this this work.

here is a image u can see.

Hello,

I have used this solution on my xtreemhost website and it was Ok.
But when I have migrated to x10hosting, I see that it doesn't work. Why ?
Because all <img src='/link/image.ext'></img> are automatically converted in <img src="/link/image.ext"></img> when you see the final html code from x10hosting. So when you save a check, you have an error message : "invalid choice, contact administrator"

If you want a solution that works on all hosts, use key|label like it said in the help of CCK checkboxes :

FPnew|<img src='/sites/default/files/LPlogos/FPnew.png'>
FPold|<img src='/sites/default/files/LPlogos/FPold.png'>
LP1blue|<img src='/sites/default/files/LPlogos/LP1blue.png'>
LP1brown|<img src='/sites/default/files/LPlogos/LP1brown.png'>

Example : http://bilp.co.cc/parts/151-maiden-mary CCK field : Logos

Hope it will help :)

Helped me. Thanks cswormy! I never knew what key|label was meant for. Appreciate you putting forth the time to explain.