Numeric slider widget adjustments using CSS

  • Genfin
    Asked on October 11, 2017 at 4:19 PM

    Hi.

    In the attached form, I am using a numeric slider widget.  

    When I switch to tablet portrait view, the slider shifts off the side of the page (at least as per the preview screen). 

    How do I fix this? I am do have CSS to adjust the other fields when viewed in + 760pxwidth but I can't get this slider to adjust.

     

    Thanks

    David.

  • Genfin
    Replied on October 11, 2017 at 5:13 PM

    Ignore that. Somehow, I lost all my coding. Starting again.

  • Jan
    Replied on October 11, 2017 at 10:01 PM

    Thank you for updating us.

    Please take note that you can use the Form Revision History Tool to restore your the form to its previous version. Here's a guide: https://www.jotform.com/help/294-How-to-view-form-revision-history.


  • Genfin
    Replied on October 12, 2017 at 3:43 AM

    Hi, jumping back on to this thread, with the numeric slider widget, I can't get this to adjust when using css for various mobile devices. 

    This is when looking at devices between 801 and 2014 width.

    Script is bottom of my CSS inject of below form.

    Form - https://www.jotform.com/build/72840788584573


    1507794159Capture Screenshot 10

  • Jan
    Replied on October 12, 2017 at 10:33 AM

    Please inject this custom CSS code inside the form and not the widget:

    #customFieldFrame_19 {
    width: 100% !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    1507818488resize Screenshot 10

    Hope that helps. Thank you.