Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Image Select (radio) - not showing images

  • marcgold
  • marcgold's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 3 weeks ago #233031 by marcgold
Please help us help you and fill where relevant:
Your LimeSurvey version: 
5.4.7
Own server or LimeSurvey hosting: Own Server
Survey theme/template: Fruity (Extended)
==================
So just started using the LS5 and need to display images - discovered the image select (radio) option on the question templates.   Been through the forum and discovered that with this type you just enter the path to the file.   
I have uploaded both a png and jpg version for testing but cannot get this to display.

Any ideas why this is? 
Here is what i have entered and what i see in the output. 



Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 weeks ago #233033 by Joffm
Replied by Joffm on topic Image Select (radio) - not showing images
Hi,
I don't know where you found this,
but here you have to enter the full HTML tag

First option only path, second with <img /> tag
 

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • marcgold
  • marcgold's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 3 weeks ago #233038 by marcgold
Replied by marcgold on topic Image Select (radio) - not showing images
Hi

I picked this up here - documentation is a little light on this.
[url] forums.limesurvey.org/forum/can-i-do-thi...lected-answer#193412 [/url]

What you have suggested is how we used to do this with a normal radio list adding in the <img src="#####"> </img>  so we could add text around this.
What I am trying to do is not have the radio buttons just the image being selected with a border around it as per the post above.

This is what I thought the "New"  Image-select (radio) Question type was about.   am I wrong?

 

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 weeks ago #233040 by tpartner
Replied by tpartner on topic Image Select (radio) - not showing images
In the Image-select (radio) question theme, you only need to enter the path to the image. The <img> tag is generated in answer_row.twig.

It works for me.

Try an absolute path to the image.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 weeks ago #233047 by Joffm
Replied by Joffm on topic Image Select (radio) - not showing images
Yes, I thought so.
But as you see, I used an absolute path and it shows the absolute path, nothing else.

On the other side, this display of the "image-select" type seems to be different from the one in Version 3.x.
Here in 3.27.33
 

Now the radio button resp. the checkbox is still displayed.
See the example of @Dezember in the other thread. There is also the <img> tag.
Like this (first subquestion only path, what doesn' work). Tested in 5.4.7. Cloud edition.

And your script to enlarge the border and replace the checkbox.
 
But as I do not use this question type frequently, I may miss something.

Joffm

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • marcgold
  • marcgold's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 3 weeks ago #233051 by marcgold
Replied by marcgold on topic Image Select (radio) - not showing images
Hi

I am really confused. I was not aware there was an image select question type in V3 - currently using 3.28 (migrating to V5)

Im using the specific question type of image select (radio) I am putting the absolute path ie /upload/surveys/98765/images/Picture1.jpg

I have created a simple survey (just one question) with the images on the cloud will PM you the url, username and password. You will see what im doing.

Thanks

Please Log in to join the conversation.

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team & Official Partner
  • LimeSurvey Community Team & Official Partner
More
2 years 3 weeks ago #233053 by DenisChenu
Replied by DenisChenu on topic Image Select (radio) - not showing images
I have a big warning about image select : this questiontheme are totally inaccessible.
If you work for government for example : you must have a alt to each image.

In this case : best solution is usage of radio with img tag.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 weeks ago #233055 by tpartner
Replied by tpartner on topic Image Select (radio) - not showing images

I am putting the absolute path ie /upload/surveys/98765/images/Picture1.jpg

That looks like a relative path to me.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

  • marcgold
  • marcgold's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 3 weeks ago #233064 by marcgold
Replied by marcgold on topic Image Select (radio) - not showing images
Hi Denis

Im starting to realise that the Image Select Q type is not all its cracked upto be. Conceptually it a really good idea for anyone with limited or no JS skills. but as it is now its more confusing than just a radio button with the <img> tags in.

Its not really a bug - so loathed to add it to bug track - but maybe as a feature enhancement.

Instead of a text box, what it really needs is 3 items for each row added.
1. an image select button (can even use the default image select in the system now)
2. a text box for ALT
3. a text box for Title

Or actually just the first one as the other two could be picked up in the image select button.

What do you think, would this be feasible?

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 weeks ago #233065 by tpartner
Replied by tpartner on topic Image Select (radio) - not showing images

I have a big warning about image select : this questiontheme are totally inaccessible.
If you work for government for example : you must have a alt to each image.

In this case : best solution is usage of radio with img tag.
It should be easy enough to copy the question theme and include the alt attribute - maybe split the answer text with a pipe character.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team & Official Partner
  • LimeSurvey Community Team & Official Partner
More
2 years 3 weeks ago #233066 by DenisChenu
Replied by DenisChenu on topic Image Select (radio) - not showing images
Didn't have way to extend on a clean way
  • Subquestion part
  • Answers part
The admin GUI make it hard to have something clean

The idea of Tony seems to be a really good idea pipe used for extra attribute.

Else : unsure if you have good accessibility on selected state etc … for selected question :) role="radio" : developer.mozilla.org/en-US/docs/Web/Acc...RIA/Roles/Radio_Role ?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

Please Log in to join the conversation.

  • marcgold
  • marcgold's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 3 weeks ago #233067 by marcgold
Replied by marcgold on topic Image Select (radio) - not showing images
I've tried it every way

this is from the cloud version - obviously i do not know the full path to the file from the root. But i have tried the same on our own server with the full path from the root of the file system and the full path from httpdocs and get exactly the same results.

./upload/surveys/232852/images/picture1.jpg
/upload/surveys/232852/images/Picture2.jpg
ipoint.limequery.com/upload/surveys/232852/images/picture1.jpg

This should never be so complicated. A simple select box to add the image would make this usable by anyone. No?

Please Log in to join the conversation.

Moderators: tpartnerholch

Lime-years ahead

Online-surveys for every purse and purpose