Hi,

I have a radio-list question, with pictures rather than text as answer options. When the user selects an answer I like to change the background color of the selected answer/picture or but a border around it. Can this easily be done by adjustin the template and if so can someone point me to where?

Kind regards,
Auke

Hi, Auke,
this is a built-in behaviour if you use the question theme "image-select"



You may change the border color

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label {
border: 18px solid
hsla(20,100%,30%,0.9);
}


Joffm

P.S.
Remember to enter only the path of the picture into the answer option, without "<img src."...
www.example.de/myFolder/myPicture.jpg

Hi Joffm,

Thanks, this is great. I could not find how to get this option working.

Can you also tell me what labels to use to:
Change the size of the image
Change the background color of the checked item (using a png file).

Cheers,
Auke

Sorry, just saw that there are more display options so figured out the size issue

Hi Joffm,

I see that you mentioned enter image path without <img src....>
But what if that picture is not taken online and I do not have a url link to the picture? I'm using the upload function in the survey.. and the picture that i uploaded is not showing in the answers. Please help....


Joe

Please do not post in different threads. You have asked this already in an own thread.