How to increase the width of the slider on my form?

  • Profile Image
    Benflips
    Asked on July 07, 2016 at 10:44 PM
    On both the numeric slider and the sliders with calculated result widgets that I have used below this - (I'm not doing a calculation, so maybe this second was the wrong widget, I just wanted multiple slides in one 'question') I'm wondering how to lengthen the width of the sliders.
  • Profile Image
    BJoanna
    Answered on July 08, 2016 at 04:57 AM

    You can increase width of sliders with calculated result widgets with CSS code. Add this CSS code inside of your widget Custom CSS field:

    .slider {

        width: 400px!important;  

    }

    You can increase width of Numeric slider widget inside of filed properties.

    Hope this will help. Let us know if you need further assistance.

  • Profile Image
    Benflips
    Answered on July 09, 2016 at 07:46 PM
    Thank you.
    Can you also reduce the space between the label (if we want to call it
    that) of each slider, and the slider itself?
    *Regards,*
    *Dr. Ben Phillips*
    Chiropractor
    B.App.Sc.(Comp.Med.)(Chiro) M.Clin.Chiro.(RMIT)
    ...
  • Profile Image
    BDAVID
    Answered on July 09, 2016 at 11:27 PM

    Please let specify the form you are working on, and the the sliders you want to customize. You may share a screenshot so we can locate them: https://www.jotform.com/answers/467030-How-to-configure-the-the-JotForm-Submission-Notification-Email