Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

THEMA: Using pictures in ranking question

Using pictures in ranking question 3 Jahre 9 Monate her #54631

  • badronald
  • badronalds Avatar
  • OFFLINE
  • Senior Lime
  • Beiträge: 48
  • 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 />
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 9 Monate her #54634

  • tpartner
  • tpartners Avatar
  • ONLINE
  • LimeSurvey Team
  • Beiträge: 4207
  • Dank erhalten: 791
  • Karma: 360
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57143

  • paulfiner
  • paulfiners Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 92
  • Dank erhalten: 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
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57164

  • Mazi
  • Mazis Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 5325
  • Dank erhalten: 296
  • Karma: 249
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'"
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57400

  • badronald
  • badronalds Avatar
  • OFFLINE
  • Senior Lime
  • Beiträge: 48
  • 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>
Letzte Änderung: 3 Jahre 7 Monate her von Mazi.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57401

  • tpartner
  • tpartners Avatar
  • ONLINE
  • LimeSurvey Team
  • Beiträge: 4207
  • Dank erhalten: 791
  • Karma: 360
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57424

  • paulfiner
  • paulfiners Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 92
  • Dank erhalten: 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
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57457

  • Mazi
  • Mazis Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 5325
  • Dank erhalten: 296
  • Karma: 249
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'"
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57520

  • tpartner
  • tpartners Avatar
  • ONLINE
  • LimeSurvey Team
  • Beiträge: 4207
  • Dank erhalten: 791
  • Karma: 360
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 3 Jahre 7 Monate her #57534

  • tpartner
  • tpartners Avatar
  • ONLINE
  • LimeSurvey Team
  • Beiträge: 4207
  • Dank erhalten: 791
  • Karma: 360
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: ITEd
Ladezeit der Seite: 0.155 Sekunden
Donation Image