I need to add 6 choices in a Multiple Choice field but my 6 choices are images (not text values). I have tried simply adding the image tags and URL of my images but the code is displayed on the form as the choice (interestingly, the images do appear up in the form editor section as I add the code). Is there any way to replace text choices with images?
My work in progress: http://www.zoofusion.com.au/projects [Draft form on test page]
The only way to do this would be to get the id's of the list elements and use CSS to add the images as background images. Something like this.
li.gchoice_5_0 {
height:148px;
background-image:url(http://www.zoofusion.com.au/images/content.png)
background-repeat:no-repeat;
background-position: bottom;
}You would of course change the id of the element to the ones in your form, and would want to tweak it further I'm sure but that's the basic idea.
Woohoo! It worked perfectly. I got the id's of the list elements and used CSS to place the images as background images. I will tweak the layout when I get a chance, but for now, I am most happy with how it is starting to look:
http://www.zoofusion.com.au/projects
You're a legend Kevin! Thanks for the terrific advice.
Great. Looks good. Thanks for the update and kind words. I appreciate it.