Greetings,

Not sure if this belongs in templates.... If so, please feel free to move this there.

We're going to have reviews of parks, etc, so we will have a set of visual icons to show what amneties a park has, i.e. restrooms, picnic tables, etc. You can see example icons here: (put http in front)

www.camis.com/camisimg/images/gui/wa/icolgd.gif

I'm wondering what the best way is to implement this.  I know I would set up a field using checkboxes in the field manager, but how would I have the content page show the icons for the fields that were selected?

Hope I make sense.

Thanks,
Ray

Man, I can't get over how powerful and flexible this baby is!

Thanks,
Ray

Hmm, I wonder how he did that.  Hopefully he'll see this and let us know.

Ray

ok, I didn't help him with this so this instructions may not be perfect.

Like you mentioned Steve, there's indeed an onclick call, but he put it directly in the group title in the backend. So you can add something like this to the group title:

Try with and without the return false above.

Now, there's nothing to do on the newitemform, but instead you need to hardcode the image to the com_content template. You can use the template manager to use a custom template for this particular category. Add this to the com_content.html template:


Change "divname" in both codes to an id that is more representative of your image like "parks".

If you find there was something missing, let me know

Hello,
I am also trying to add this feature to my site and did the following as suggested:


My problem is that my image just doesn't show up and as far as I can tell it is not an address issue. I have tried simply inserting an image link on com_content.html as a test and the image box appears for a second and dissapears again even when I take out the toggle/hide code.

Any ideas?

Hello, thanks for the reply - unfortunately this hasn't worked either

My code looks like this in com_content.html

<div id="legend" style="display:block;"><img src="./images/legend.gif" alt="legend" width="300" height="209"></div>

<a href="javascript:void(0);" onclick="new Effect.toggle('legend','appear'); return false;">Legend</a>

My image file is sitting on the server in components/com_jreviews/templ/default/images so as far as i know this is the right address to work with the com_content.html file.

I am still getting a ghost image box appearing momentarily so something is trying to happen and my alt text shows instead.

It is an image problem - the toggle code works fine as my alt text appears and dissapears when I toggle - I did try it with just the image link first as you suggested but no image.

any further ideas would be much appreciated when you have time

cheers

Thank you so much - it worked using the first suggestion.

You will need to hide the default display of the filed and put the whole code in your com_content.html template.

That means something like this:


You need to read the Knowledge base to find the article that explains how to put custom fields in templates. Since it's a multiple select or checkbox field you can't just put the {JR_FIELD} tag, it's a bit more complicated.