Welcome to the LimeSurvey Community Forum

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

Slider with Text above/below slider points (Pay off matrix)

beton
Topic Author
Offline
New Member

More

7 years 8 months ago - 7 years 8 months ago #158843 by beton

Slider with Text above/below slider points (Pay off matrix) was created by beton

So I'm wondering if I can replicate something close to the attached picture with LimeSurvey for a scientific study. Do you have any idea what would be best to replicate this?

I suppose I can start with the multiple numeric question/horizontal slider. Should I duplicate the question type and then try to add two fields, where I can enter the text that goes above, and below? Than I would probably need to add some sort of < span >-Element above and below that displays the text in equal distances? Or would it be possible to add some javascript in the question itself that includes the text?

I know some PHP/JavaScript so I wouldn't mind doing this myself, I just need some help/suggestions where to start.
Thank you

Attachments:

payoff3.jpg

Last edit: 7 years 8 months ago by beton.

The topic has been locked.

Matadeleo
Offline
Premium Member

More

7 years 8 months ago - 7 years 8 months ago #158850 by Matadeleo

Replied by Matadeleo on topic Slider with Text above/below slider points (Pay off matrix)

Are the numbers above/below static or dynamic? and do they need to be shown at all times?

If you only need to show the numbers at each end of the scale permanently, and show the exact number on the slider then maybe you could do something by editing what is shown by the slider callout.

Code:

$(document).ready(function(){
 
  $('.multinum-slider').sliderCallOutText(
 
  {
    text_1 :  '50',
    text_2 :  '54',
    text_3 :  '59',
    text_4 :  '63',
    text_5 :  '68',
    text_6 :  '72',
    text_7 :  '76',
    text_8 :  '81',
    text_9 :  '85',
  });
});

Maybe make a second tooltip callout, orient it to show underneath and feed in the 2nd row of text?

Just trying to offer some ideas, one of the admins/mods tpartner is very good with this kind of thing. Below is the best I could do.. I don't have much skills at JavaScript sorry, just PHP.

Last edit: 7 years 8 months ago by Matadeleo.

The following user(s) said Thank You: DenisChenu

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

7 years 8 months ago #158852 by tpartner

Replied by tpartner on topic Slider with Text above/below slider points (Pay off matrix)

Assuming the numbers are static (defined per question), I have a workaround for exactly this type of question but, unfortunately, I'm on vacation (logged in via phone) so won't be able to offer any code until next week.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

beton
Topic Author
Offline
New Member

More

7 years 8 months ago #158858 by beton

Replied by beton on topic Slider with Text above/below slider points (Pay off matrix)

First, thank you both! Yes, the numbers are static, i.e. the same per question. It's not that urgent at the moment (we want to send out the survey by mid October), so if you could send me your workaround, this would be great!

The topic has been locked.