Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Display a slider's value (dynamically) as a text below the slider

More
9 months 3 weeks ago - 9 months 3 weeks ago #267882 by Moathh
Display a slider's value (dynamically) as a text below the slider was created by Moathh
Version 3.27.6+210629 Hi all, I am trying to show the value of a variable-that contains the slider value-as a text below a slider (i.e. like a custom-made tooltip, please see attached screenshot). I tried to adopt different codes from different posts but I am still missing displaying the variable dynamically as the slider value changes (please see .lss file), and I will appreciate your help. Many thanks,Moath

PS I also tried to display it using a text display question on the same page. I imported .lss files from answers to a similar post but did not work for me, maybe it is a compatibility issue? (for example, the solution offered here: [url] forums.limesurvey.org/forum/can-i-do-thi...rical-input-question [/url])

 

File Attachment:

File Name: limesurvey...6946.lss
File Size:22.45 KB
 

This browser does not support PDFs. Please download the PDF to view it: Download PDF


 
Last edit: 9 months 3 weeks ago by Moathh.

Please Log in to join the conversation.

More
9 months 3 weeks ago #267890 by Joffm
Replied by Joffm on topic Display a slider's value (dynamically) as a text below the slider
Hi, I do not quite understand, what you really want.

Only display the values of the two persons?
Like this?
 

I do not quite understand the tick mark script nor the other script

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

More
9 months 3 weeks ago #267892 by Moathh
Replied by Moathh on topic Display a slider's value (dynamically) as a text below the slider
Hi Joffm,

Thank you for the quick reply. This is exactly what I am looking for! I did not know how to do it from scratch so I ended up fiddling around with a tick-mark script that I found which led to the confusing script..

Could you please share the script/lss file?

Many thanks!!

Please Log in to join the conversation.

More
9 months 3 weeks ago #267895 by Joffm
Replied by Joffm on topic Display a slider's value (dynamically) as a text below the slider
There's nothing in it, only ExpressionScript like
the simple solution 
<center>Person 2: {5*Question1_SQ001/100}</center>

The rest - the coloured rectangle - is simply a <div> with some CSS styles.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

More
9 months 3 weeks ago #267899 by Moathh
Replied by Moathh on topic Display a slider's value (dynamically) as a text below the slider
Oh right! Thanks :) I am just wondering though, for me to place the text below the slider I changed the position of the slider

.slider-list .slider-container {
margin-top: xxx;
}

and I also entered new lines and spaces to change the location of the text, as I did not know how to reposition the box itself, can I change the position of the question box? and if not, is it possible to create a text box to be placed at specific position?

Thanks again

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source