What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to make form lightbox to be responsive? (avoid lightbox scrollbars)

    Asked by sto_metallik on March 29, 2017 at 03:02 PM

    I set width and height of the lightbox precisely to my form dimensions. When I try to fill all the fields and miss required field, the error message appears. But the lightbox gets a vertical scrollbar (( How to make lightbox to be responsive without scrollbars even considering error check out?

    And one more thing. I've noticed that usage of your lightbox prevents working of other scripts at my page ((

  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 29, 2017 at 05:28 PM

    I would suggest you to inject the following CSS code to make the scrollbar disappear: 

    .form-all {

        padding-top: 0px;

        margin-top: 0px;

        padding-bottom: 0px;

        margin-bottom: 0px;

    }

     

    .form-line{

    margin-top: 0px;

      margin-bottom: 0px;

    }

    This guide will help you doing so: How-to-Inject-Custom-CSS-Codes

    To avoid the conflict with the scripts you could add the noConflict function, here you will find more  details about it: http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/ 

    Hope this helps.