Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Failure to display pictures as answer choices. Please help.

  • joeliu916
  • joeliu916's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago #207336 by joeliu916
Failure to display pictures as answer choices. Please help. was created by joeliu916
I'm trying to create question with four pictures as answer choices. Unfortunately, I'm seeing this. What is wrong? Please help....
Attachments:
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 7 months ago #207340 by holch
Replied by holch on topic Failure to display pictures as answer choices. Please help.
Can you show the code? Because it looks like the code you are using is wrong.
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The following user(s) said Thank You: DenisChenu
The topic has been locked.
  • joeliu916
  • joeliu916's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago #207346 by joeliu916
Replied by joeliu916 on topic Failure to display pictures as answer choices. Please help.
Hi Holch,

The code in the answer options goes like this...

<img alt="" src="/upload/surveys/258529/images/N_banana.jpg" style="border-width: 1px; border-style: solid; width: 250px; height: 250px;" />
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 7 months ago - 4 years 7 months ago #207347 by Joffm
Replied by Joffm on topic Failure to display pictures as answer choices. Please help.
As answer choices?
Which question type do you use?
"image-select"?

Try to add the folder of your LimeSurvey installation like
/lime3/upload/surveys/761949/images/Boot001_klein.jpg
And in "image-select" don't use the <img> tag.
Styling in custom.css or inline.

Or do you use normal "list(radio)". Then you have to use the <img>.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 4 years 7 months ago by Joffm.
The topic has been locked.
  • joeliu916
  • joeliu916's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago #207354 by joeliu916
Replied by joeliu916 on topic Failure to display pictures as answer choices. Please help.
Hi Joffm,

I'm using image_select.

I tried the method you suggested but its not working still..
Attachments:
The topic has been locked.
  • joeliu916
  • joeliu916's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago - 4 years 7 months ago #207355 by joeliu916
Replied by joeliu916 on topic Failure to display pictures as answer choices. Please help.
Oh! Thanks Joffm! Following your suggestion I figured there must be something wrong with my url. It finally works by using this...>> myresearch.limequery.com/upload/surveys/.../images/N_banana.jpg

However, I have another enquiry.. how do I move the images closer to center margin? Idea attached in picture.
Attachments:
Last edit: 4 years 7 months ago by joeliu916. Reason: Typo
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 7 months ago #207371 by Joffm
Replied by Joffm on topic Failure to display pictures as answer choices. Please help.
This is the result, if you do not tell us the important informations, that you don't use the Community edition, but the LimeSurvey hosted edition.

Okay, as I said: Styling by css.
You may have a look at the "imageselect.css" in the respective folder and investigate by a webdevelopment tool (included in each browser)

Here I used a class "my-image" in the question
and this in "custom.css"
Code:
.my-image .imageselect-list {
    width: 35% !important;
  }
.my-image .ls-answers {
      margin-left: 220px !important;
  }



Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: joeliu916
The topic has been locked.
  • joeliu916
  • joeliu916's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago #207400 by joeliu916
Replied by joeliu916 on topic Failure to display pictures as answer choices. Please help.
Thankyou so much Joffm! You're such a life saviour. I got it the way i want it now. Thankyou so much!
Attachments:
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source