How to add % to the numbers in a slider question | XM Community
Skip to main content
Solved

How to add % to the numbers in a slider question

  • August 3, 2020
  • 9 replies
  • 1138 views
B

Hi, I have a slider question in my survey where I want the respondent to give a threshold as an answer, but what is shown on the slider is just numbers from 0 to 100. I wanted to know if it's possible to add % after at least 0 and 100.

Best answer by rondev

Try the below code:
jQuery("#"+this.questionId+" .numbers li").each(function(){

jQuery(this).text((jQuery(this).text()+"%").trim().replace(" ",""));

});

    9 replies

    SurajK
    QPN Level 3 ●●●
    Forum|alt.badge.img+4
    • SurajK
    • QPN Level 3 ●●●
    • August 3, 2020

    Try the below code,
    jQuery('#'+this.questionId+' .numbers').find('li').append('%')

    B
    • bahar
    • Author
    • August 6, 2020

    Thank you, it worked. The only problem now is that there isn't enough space for 100% so % is shown below 100.
    Capture.JPG

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • Answer
    • August 6, 2020

    Try the below code:
    jQuery("#"+this.questionId+" .numbers li").each(function(){

    jQuery(this).text((jQuery(this).text()+"%").trim().replace(" ",""));

    });

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    B
    B
    • bahar
    • Author
    • August 12, 2020

    Thank you, it was great!

    B
    • bahar
    • Author
    • August 12, 2020

    Hi, I just noticed that in the mobile view the numbers are very cramped now. Is it possible to limit the percent sign only to the first and last numbers?

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • August 12, 2020

    https://www.qualtrics.com/community/discussion/comment/28985#Comment_28985Use this code:
    jQuery("#"+this.questionId+" .first").text((jQuery("#"+this.questionId+" .first").text()+"%").trim().replace(" ",""));
    jQuery("#"+this.questionId+" .last").text((jQuery("#"+this.questionId+" .last").text()+"%").trim().replace(" ",""));

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    B
    B
    • bahar
    • Author
    • August 21, 2020

    I'm sorry, but could you also give me a code which puts % just for 100. I mean I don't want other numbers to have percentage sign.

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • August 21, 2020

    https://www.qualtrics.com/community/discussion/comment/29377#Comment_29377jQuery("#"+this.questionId+" .last").text((jQuery("#"+this.questionId+" .last").text()+"%").trim().replace(" ",""));

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    B
    M
    Forum|alt.badge.img

    This code: jQuery("#"+this.questionId+" .numbers li").each(function(){

    jQuery(this).text((jQuery(this).text()+"%").trim().replace(" ",""));

    });
    produces 2 times the '%' symbol (example: 0%%). How can I delete one?

    Terms & ConditionsAccessibility statement