- Posts: 30
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Using pictures in ranking question
- badronald
- Topic Author
- Offline
- Junior Member
Less
More
13 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 />
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 3 months ago #54634
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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.
- paulfiner
- Offline
- Premium Member
Less
More
- Posts: 117
- Thank you received: 9
13 years 2 months 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
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
- Offline
- Official LimeSurvey Partner
13 years 2 months ago #57164
by Mazi
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
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?
What about switching to a different question type?
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
- badronald
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 30
- Thank you received: 0
13 years 2 months ago - 13 years 2 months 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
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="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: 13 years 2 months ago by Mazi.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 2 months ago #57401
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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.
- paulfiner
- Offline
- Premium Member
Less
More
- Posts: 117
- Thank you received: 9
13 years 2 months 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
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
- Offline
- Official LimeSurvey Partner
13 years 2 months ago #57457
by Mazi
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
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
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 2 months ago #57520
by tpartner
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.
Replied by tpartner on topic Using pictures in ranking question
I've updated the drag-and-drop ranking workaround here - docs.limesurvey.org/Workarounds%3A+Manip...rsion_1.90_and_newerI 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.
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 1 month ago #57534
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
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 .
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13647
- Thank you received: 2491
13 years 1 month ago - 13 years 1 month ago #57559
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
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
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 service on demand , plugin development .
I don't answer to private message.
Last edit: 13 years 1 month ago by DenisChenu.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 1 month ago #57561
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Using pictures in ranking question
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?what do you think to replace actual ranking javascript by jquery-ui sortable
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.