Welcome, Guest
Username: Password: Remember me

TOPIC: Using pictures in ranking question

Using pictures in ranking question 3 years 3 months ago #54631

  • badronald
  • badronald's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 47
  • Karma: 0
I am trying to use pictures in the ranking question type. I currently have Version 1.85+ (7191), and the images do not show up. I want to do this and I am thinking of using the drag and drop ranking style.

I have the answers in the ranking question like this
1<img width="225" height="225" src="/limesurvey/upload/surveys/52262/images.jpg" alt="" /><br />
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 3 months ago #54634

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 3813
  • Thank you received: 683
  • Karma: 328
I think you'll need to place the images in the question text with names and then place the names in the "choices" list to be dragged into the "ranking" fields.
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 2 months ago #57143

  • paulfiner
  • paulfiner's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 92
  • Thank you received: 1
  • Karma: 1
Did you ever manage to find a solution to this?

I have a survey where the user is shown 20 brand images and then they must rank their top 10.
I tried using the images as the labels but, as you found out, this doesn't work.

Might this be possible using a jquery plugin?

Cheers

Paul
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 2 months ago #57164

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5279
  • Thank you received: 289
  • Karma: 246
To my knowledge there is no such jQuery plugin (I might be wrong) and if so we'd have to recode the ranking question.

What about switching to a different question type?

Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)limesurvey.org'"
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 1 month ago #57400

  • badronald
  • badronald's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 47
  • Karma: 0
I did solve this.
I created an array by column question.

For the Answers going down the left side I used div tags, see below, to insert the images and create the mouse hover effect.

For an example of the questions I set up I made this for you

www.nhs2survey.org/limesurvey2/index.php...63&newtest=Y&lang=en
<div style="display: none; position: absolute; border-style: solid; background-color: white; padding: 5px;" id="uniquename3">
 
<a href="javascript:ShowContent('uniquename3')" onmouseout="HideContent('uniquename3'); return true;" onmouseover="ShowContent('uniquename3'); return true;">Apri<img alt="Apri" src="http://www.nhs3.org/oc/images/apri.jpg" />
</a>
</div> 
 
<a href="javascript:ShowContent('uniquename3')" onmouseout="HideContent('uniquename3'); return true;" onmouseover="ShowContent('uniquename3'); return true;"> [Apri] 
</a> 
 
<div style="display: none; position: absolute; border-style: solid; background-color: white; padding: 5px;" id="uniquename3"></div>
Last Edit: 3 years 1 month ago by Mazi.
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 1 month ago #57401

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 3813
  • Thank you received: 683
  • Karma: 328
Nice!
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 1 month ago #57424

  • paulfiner
  • paulfiner's Avatar
  • OFFLINE
  • Expert Lime
  • Posts: 92
  • Thank you received: 1
  • Karma: 1
This link Drag and Drop seems to be exactly what I want if I can use images instead of the text.

I have tried setting up a test survey using the code provided but I can't get it to work.
It correctly hides the original ranking question but doesn't do anything else.

I'd be willing to pay to get this functionality working.

Cheers

Paul
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 1 month ago #57457

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5279
  • Thank you received: 289
  • Karma: 246
Tony is our JS expert and offers advanced, paid support.I'm sure he can help.

Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)limesurvey.org'"
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 1 month ago #57520

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 3813
  • Thank you received: 683
  • Karma: 328
I have tried setting up a test survey using the code provided but I can't get it to work.
It correctly hides the original ranking question but doesn't do anything else.
I've updated the drag-and-drop ranking workaround here - docs.limesurvey.org/Workarounds%3A+Manip...rsion_1.90_and_newer

Still working on the image aspect...
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 1 month ago #57534

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 3813
  • Thank you received: 683
  • Karma: 328
Okay, here we go with using images in a ranking question...

Untitled-11.png


Use the above workaround to set up your ranking question as a drag-and-drop and then this workaround to use images instead of text.

There's a small demo here.
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.150 seconds
Donation Image