How do I remove numbers/scales from sliders?

  • feadafdae
    Asked on September 1, 2020 at 3:44 PM

    I need to remove all scales/numbers from a slider. This is for a common medical research screening tool called a "Visual Analogue Scale". The idea is people give a vague indication of a response rather than a numeric rating like 8/10 - see attached image.

    It doesn't matter if I use a 1. Numeric Slider, 2. Range Slider or 3. Fancy Range Slider to accomplish this. 

    I have found this thread where it suggests it is possible to remove values from sliders:
    https://www.jotform.com/answers/268437-Is-it-possible-to-remove-the-value-of-an-input-slider-from-a-form

    However, when I try and apply the CSS to any of the three options it does not remove the numbers.

    Can someone please help?

    Best regards,

    Tom

    Jotform Thread 2550359 Screenshot
  • Mike
    Replied on September 1, 2020 at 8:33 PM

    It looks like you have already found a solution with the Numeric Slider widget and the custom CSS added to the widget:

    .bfh-slider-value {
    display: none;
    }

    How do I remove numbers/scales from sliders? Image 1 Screenshot 20

  • feadafdae
    Replied on September 2, 2020 at 8:31 AM

    Hi Mike, thanks for looking for me. Yes I just found it!