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

  • Profile Image
    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
    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
    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?
    *Dr. Ben Phillips*
    B.App.Sc.(Comp.Med.)(Chiro) M.Clin.Chiro.(RMIT)
  • Profile Image
    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: