Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:
  • Page:
  • 1
  • 2

TOPIC: True visual analogue scales in Limesurvey?

True visual analogue scales in Limesurvey? 5 years 4 months ago #58113

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
The administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58126

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9290
  • Thank you received: 1325
  • Karma: 384
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 :)
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
The administrator has disabled public write access.
The following user(s) said Thank You: joshendrikx

True visual analogue scales in Limesurvey? 5 years 4 months ago #58130

  • mdekker
  • mdekker's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 343
  • Thank you received: 68
  • Karma: 38
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;}
---
Menno Dekker
The administrator has disabled public write access.
The following user(s) said Thank You: joshendrikx

True visual analogue scales in Limesurvey? 5 years 4 months ago #58134

As an example a Dutch version of a true 10cm VAS
The administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58136

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
The administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58137

  • mdekker
  • mdekker's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 343
  • Thank you received: 68
  • Karma: 38
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)
---
Menno Dekker
Last Edit: 5 years 4 months ago by mdekker.
The administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58165

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
The administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58168

  • tpartner
  • tpartner's Avatar
  • Online
  • LimeSurvey Team
  • Posts: 6134
  • Thank you received: 1362
  • Karma: 535
Hi Jos,

By "box of the slider", do you mean the slider handle?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.
The following user(s) said Thank You: pio

True visual analogue scales in Limesurvey? 5 years 4 months ago #58172

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
The administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58173

  • tpartner
  • tpartner's Avatar
  • Online
  • LimeSurvey Team
  • Posts: 6134
  • Thank you received: 1362
  • Karma: 535
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 administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58174

  • tpartner
  • tpartner's Avatar
  • Online
  • LimeSurvey Team
  • Posts: 6134
  • Thank you received: 1362
  • Karma: 535
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.
#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.
<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.
Last Edit: 5 years 4 months ago by tpartner.
The administrator has disabled public write access.
The following user(s) said Thank You: joshendrikx, Tiepies, jesper_yde

True visual analogue scales in Limesurvey? 5 years 4 months ago #58175

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9290
  • Thank you received: 1325
  • Karma: 384
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
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
Last Edit: 5 years 4 months ago by DenisChenu.
The administrator has disabled public write access.
The following user(s) said Thank You: joshendrikx

True visual analogue scales in Limesurvey? 5 years 4 months ago #58477

Thanks Tony, for your help. I really appriciate it! This looks like what I would need. I'll have to find some time to try it out, unfortuneatly my work is killing me at the moment...
The administrator has disabled public write access.

True visual analogue scales in Limesurvey? 5 years 4 months ago #58478

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5974
  • Thank you received: 366
  • Karma: 260
Maybe you can post a link to a Demo survey once you are done!?

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.

True visual analogue scales in Limesurvey? 5 years 3 weeks ago #62932

Hi Shnoulle,

It's been a long time, sorry for that. I've been very busy with work. Just wanted to thank for your suggestion. I'm not skilled at jquery, so I used the other solution of changing the css file (for me this was difficult enough ;)
Thanks anyway for your help!
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.350 seconds
Imprint                   Data Protection Statement                  Revocation information and revocation form