Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Using pictures in ranking question

  • badronald
  • badronald's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
14 years 3 months ago #54631 by badronald
Using pictures in ranking question was created by badronald
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 topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
14 years 3 months ago #54634 by tpartner
Replied by tpartner on topic Using pictures in ranking question
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.
The topic has been locked.
More
14 years 1 month ago #57143 by paulfiner
Replied by paulfiner on topic Using pictures in ranking question
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 topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
14 years 1 month ago #57164 by Mazi
Replied by Mazi on topic Using pictures in ranking question
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
survey-consulting.com
offlinesurveys.com
Feel free to contact me by email for professional LimeSurvey support!
The topic has been locked.
  • badronald
  • badronald's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
14 years 1 month ago - 14 years 1 month ago #57400 by badronald
Replied by badronald on topic Using pictures in ranking question
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
Code:
<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="https://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: 14 years 1 month ago by Mazi.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
14 years 1 month ago #57401 by tpartner
Replied by tpartner on topic Using pictures in ranking question
Nice!
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
14 years 1 month ago #57424 by paulfiner
Replied by paulfiner on topic Using pictures in ranking question
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 topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
14 years 1 month ago #57457 by Mazi
Replied by Mazi on topic Using pictures in ranking question
Tony is our JS expert and offers advanced, paid support.I'm sure he can help.
Best regards/Beste Grüße,
Dr. Marcel Minke
survey-consulting.com
offlinesurveys.com
Feel free to contact me by email for professional LimeSurvey support!
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
14 years 1 month ago #57520 by tpartner
Replied by tpartner on topic Using pictures in ranking question

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.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
14 years 1 month ago #57534 by tpartner
Replied by tpartner on topic Using pictures in ranking question
Okay, here we go with using images in a ranking question...



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.
Attachments:
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team & Official Partner
  • LimeSurvey Community Team & Official Partner
More
14 years 1 month ago - 14 years 1 month ago #57559 by DenisChenu
Replied by DenisChenu on topic Using pictures in ranking question
tpartner : what do you think to replace actual ranking javascript by jquery-ui sortable .

If you'r OK, i put this in bug tracker/ feature request ;)
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.
Last edit: 14 years 1 month ago by DenisChenu.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
14 years 1 month ago #57561 by tpartner
Replied by tpartner on topic Using pictures in ranking question

what do you think to replace actual ranking javascript by jquery-ui sortable

Well, I think it's a better interface but don't you think there may be too many people using the old format that may be messed up when updating?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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