How (with Javascript or CSS) can I remove non-integer values from a slider? | Experience Community
Skip to main content
Solved

How (with Javascript or CSS) can I remove non-integer values from a slider?

  • April 5, 2019
  • 2 replies
  • 63 views
R
I would like to have reference lines for half-values when a participant answers a question as shown below. The goal would be to not have the non-integer values present, such that only values visible would be 0-10. I have found how to remove all the values from being visible, how to remove the leading value, but not how to iterate through to remove specific (in this case, non-integer) values. Any suggestions are appreciated. ! For a bonus question, does anyone see a way to put the Labels in-line with the slider-bar? This would result in "Not at all" being located in the "Text Here" location, and "Completely" would be to the right of the slider-bar... mirror image with the "Text Here"?

Best answer by rossn

Tom, thanks much for the reply. For those that are interested, I also managed to kluge this together: (my apologies, I can't get the code quote to block this out for some reason) Qualtrics.SurveyEngine.addOnload(function() { var qid = this.questionId; var ticks = $(qid).select('span.TickContainer'); for(var i=ticks.length - 2; i>0; i--) { /* start at next to last tick */ var labels = ticks[i].select('span'); i--; /* skip every other tick */ for(var j=0; j<labels.length; j++) { var label = labels[j].innerHTML.trim(); labels[j].innerHTML = ""; } } labels[0].innerHTML = "0"; /*need to add back the last one */ });

2 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • April 6, 2019
Assuming you have mobile friendly checked: ``` Qualtrics.SurveyEngine.addOnload(function() { jQuery("#"+this.questionId+" ul.numbers li:odd").hide(); }); ``` Creating a bipolar slider is more complicated and the method would depend on if mobile-friendly is checked or not.
    R
    • rossn
    • Author
    • Answer
    • April 6, 2019
    Tom, thanks much for the reply. For those that are interested, I also managed to kluge this together: (my apologies, I can't get the code quote to block this out for some reason) Qualtrics.SurveyEngine.addOnload(function() { var qid = this.questionId; var ticks = $(qid).select('span.TickContainer'); for(var i=ticks.length - 2; i>0; i--) { /* start at next to last tick */ var labels = ticks[i].select('span'); i--; /* skip every other tick */ for(var j=0; j<labels.length; j++) { var label = labels[j].innerHTML.trim(); labels[j].innerHTML = ""; } } labels[0].innerHTML = "0"; /*need to add back the last one */ });
    Terms & ConditionsAccessibility statement