- Posts: 11
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
True visual analogue scales in Limesurvey?
- joshendrikx
- Topic Author
- Offline
- New Member
Less
More
13 years 1 month ago #58113
by joshendrikx
True visual analogue scales in Limesurvey? was created by joshendrikx
Hi guys,
I'm just starting out discovering the various options of this great programme, but I'm missing a very important question type for my daily research, namely the Visual Analogue Scale (VAS).
Is there a way to incorperate true visual analogue scales where there are textual anchors on either side of a single horizontal straight line and the respondent can click on the line to show a vertical line (without the score shown) to represent their evaluation of their status on the continuum being measured?
The boxes shown on the sliders are much to broad for true VAS usage and I don't seem to be able to present texual anchors on either side :blink: ....
Your input will be greatly appreciated!
Greetings,
Jos
I'm just starting out discovering the various options of this great programme, but I'm missing a very important question type for my daily research, namely the Visual Analogue Scale (VAS).
Is there a way to incorperate true visual analogue scales where there are textual anchors on either side of a single horizontal straight line and the respondent can click on the line to show a vertical line (without the score shown) to represent their evaluation of their status on the continuum being measured?
The boxes shown on the sliders are much to broad for true VAS usage and I don't seem to be able to present texual anchors on either side :blink: ....
Your input will be greatly appreciated!
Greetings,
Jos
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13648
- Thank you received: 2491
13 years 1 month ago #58126
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 True visual analogue scales in Limesurvey?
Hello,
Can you post a picture ?
In reading, i think it can be made with some css and javascript, but i think it's more easy with a picture
Can you post a picture ?
In reading, i think it can be made with some css and javascript, but i think it's more easy with a picture
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.
The following user(s) said Thank You: joshendrikx
The topic has been locked.
- mdekker
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 16
- Thank you received: 3
13 years 1 month ago #58130
by mdekker
---
Menno Dekker
Replied by mdekker on topic True visual analogue scales in Limesurvey?
Hi Jos,
I know some people in my company use sliders for VAS scales, and the only thing they do is hide the number by means of CSS. The textual anchors can be done by setting a separator (i.e. |) and using question|left|right in the subquestions.
In css you could hide the number by using:
.slider_callout { display: none;}
or something a little more specific to the question:
#question<id> .slider_callout { display: none;}
I know some people in my company use sliders for VAS scales, and the only thing they do is hide the number by means of CSS. The textual anchors can be done by setting a separator (i.e. |) and using question|left|right in the subquestions.
In css you could hide the number by using:
.slider_callout { display: none;}
or something a little more specific to the question:
#question<id> .slider_callout { display: none;}
---
Menno Dekker
The following user(s) said Thank You: joshendrikx
The topic has been locked.
- joshendrikx
- Topic Author
- Offline
- New Member
Less
More
- Posts: 11
- Thank you received: 0
13 years 1 month ago #58134
by joshendrikx
Replied by joshendrikx on topic True visual analogue scales in Limesurvey?
Attachments:
The topic has been locked.
- joshendrikx
- Topic Author
- Offline
- New Member
Less
More
- Posts: 11
- Thank you received: 0
13 years 1 month ago #58136
by joshendrikx
Replied by joshendrikx on topic True visual analogue scales in Limesurvey?
Hi Menno,
Thanks for your reply. I'm a true noob at this (no formal training in any sort of coding). Where (in what file) and how would I need to change the css (do I need a special editor or can I do it in the programme)?
Greetz,
Jos
Thanks for your reply. I'm a true noob at this (no formal training in any sort of coding). Where (in what file) and how would I need to change the css (do I need a special editor or can I do it in the programme)?
Greetz,
Jos
The topic has been locked.
- mdekker
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 16
- Thank you received: 3
13 years 1 month ago - 13 years 1 month ago #58137
by mdekker
---
Menno Dekker
Replied by mdekker on topic True visual analogue scales in Limesurvey?
I assume you speak Dutch
In de template editor moet je waarschijnlijk eerst een kopie van de gebruikte (standaard) template maken. Daarna kan je in die gekopieerde template het regeltje onderaan de template.css toevoegen.
(de template editor in limesurvey bedoel ik... bovenste balk, rechter icoontje)
In de template editor moet je waarschijnlijk eerst een kopie van de gebruikte (standaard) template maken. Daarna kan je in die gekopieerde template het regeltje onderaan de template.css toevoegen.
(de template editor in limesurvey bedoel ik... bovenste balk, rechter icoontje)
---
Menno Dekker
Last edit: 13 years 1 month ago by mdekker.
The topic has been locked.
- joshendrikx
- Topic Author
- Offline
- New Member
Less
More
- Posts: 11
- Thank you received: 0
13 years 1 month ago #58165
by joshendrikx
Replied by joshendrikx on topic True visual analogue scales in Limesurvey?
Hi Menno,
Your assumption was right, I do speak Dutch, but I'll reply in English so other people with the same question can also follow.
I'll give your suggestion a try (putting the suggested code at the bottom of the template.css file).
Do you have any idea on how you could make the box of the slider into a single vertical line. I really need this, because using the box without any reference to the value it represents is in my opninion a bit to vague for my patients and they are already used to this format on paper.
Thanks again for your help!
Greetz,
Jos
Your assumption was right, I do speak Dutch, but I'll reply in English so other people with the same question can also follow.
I'll give your suggestion a try (putting the suggested code at the bottom of the template.css file).
Do you have any idea on how you could make the box of the slider into a single vertical line. I really need this, because using the box without any reference to the value it represents is in my opninion a bit to vague for my patients and they are already used to this format on paper.
Thanks again for your help!
Greetz,
Jos
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 1 month ago #58168
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 True visual analogue scales in Limesurvey?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The following user(s) said Thank You: pio
The topic has been locked.
- joshendrikx
- Topic Author
- Offline
- New Member
Less
More
- Posts: 11
- Thank you received: 0
13 years 1 month ago #58172
by joshendrikx
Replied by joshendrikx on topic True visual analogue scales in Limesurvey?
Hi Tony,
Yes, that's what I mean. I didn't know the correct term for it, sorry.
Do you think you can help?
Greetz,
Jos
Yes, that's what I mean. I didn't know the correct term for it, sorry.
Do you think you can help?
Greetz,
Jos
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
13 years 1 month ago #58173
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 True visual analogue scales in Limesurvey?
You could use CSS to reduce the width of the slider handle but it would be very difficult to grab with the mouse (unless I'm missing the concept).
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 - 13 years 1 month ago #58174
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 True visual analogue scales in Limesurvey?
Okay, now that I've woken up and re-read the thread, I think I understand - you're only concerned about clicking the slider bar, not dragging the handle.
Add the following to the end of template.css to convert the slider handle to a vertical bar and hide the slider callout (these styles are for the default template). Replace "QQ" with your question ID.
If you want to initially hide the slider handle, set up your survey to use JavaScript and add the following script to the source of the slider question. Again, replace "QQ" with the question ID.
Add the following to the end of template.css to convert the slider handle to a vertical bar and hide the slider callout (these styles are for the default template). Replace "QQ" with your question ID.
Code:
#questionQQ .ui-slider .ui-slider-handle { height:25px; width: 2px; margin-left: 0; top: -8px; background: #79B7E7 none; border: 0 none; } #questionQQ .slider_callout { display: none; }
If you want to initially hide the slider handle, set up your survey to use JavaScript and add the following script to the source of the slider question. Again, replace "QQ" with the question ID.
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function() { var qID = QQ; $('#question'+qID+' .ui-slider .ui-slider-handle').hide(); $('#question'+qID+' .ui-slider').live('mouseup', function() { $('#question'+qID+' .ui-slider .ui-slider-handle').show(); }); }); </script>
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
Last edit: 13 years 1 month ago by tpartner.
The following user(s) said Thank You: joshendrikx, Tiepies, jesper_yde, r0bis
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13648
- Thank you received: 2491
13 years 1 month ago - 13 years 1 month ago #58175
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 True visual analogue scales in Limesurvey?
Maybe there are some other possibility:
It's just an idea
PS : again another possibility of jquery plugin with a option select : www.visualjquery.com/rating/rating_redux.html
- Use a single select question ( 10 possibility for example)
- Use a star rating jquery plugin ( code.google.com/p/jquery-star-rating-plugin/ for example)
- Change the css and the image og the star rating to be vertical.
It's just an idea
PS : again another possibility of jquery plugin with a option select : www.visualjquery.com/rating/rating_redux.html
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 following user(s) said Thank You: joshendrikx
The topic has been locked.