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 can we make the lightbox form scrollable?

    Asked by rubyt on June 20, 2015 at 12:07 PM
    lso, is it possible to make the lightbox scroll, please?

    Thank you

    lightbox scrollable
  • Profile Image

    Answered by Ben on June 20, 2015 at 12:21 PM

    Now you can not make it so directly Ruby, but you can do something else and that is to change the element holding the form directly over CSS:

    #js-form-content {
        height: 200px;
        overflow-y: scroll;
    }

    This would need to be paired with a code such as this one:

    .jt-content {
        height: 200px !important;
        max-height: 200px !important;
        min-height: 200px !important;
    }

    Do note that all 200px can be changed into some other height of your desire - for example to 300, but if you make a change for one of the 200, then you should do it for all (I have marked these numbers in bold).

  • Profile Image

    Answered by rubyt on June 20, 2015 at 01:08 PM

    Thank you for the code, Ben! If I wanted to use this code on a jotform that appears as a popup on top of a first jotform (as I described in the other threads), where should I insert this code? Should it be in the second form's CSS section of the Jotform Theme Designer?

    Thank you in advance.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on June 20, 2015 at 08:04 PM

     ...If I wanted to use this code on a jotform that appears as a popup on top of a first jotform (as I described in the other threads), where should I insert this code?

    You will insert the mentioned CSS code to the lightbox form you wanted to be scrollable.

    If my understanding of your question is correct, you will use the CSS for the 2nd form (which is the lightbox form). 

    Can you share to us the URL of the page where the lighbox form was supposed to be embedded? We will be able to give a more specific solution if we can check for more details on the actual embedded form.

    Thanks.

     

  • Profile Image

    Answered by rubyt on June 20, 2015 at 11:34 PM

    Oh yes, thank you,  I guess that was a stupid question.

    This is the link: http://movemankind.com/

    Thank you, Jonathan.

  • Profile Image
    JotForm Support

    Answered by BDAVID on June 21, 2015 at 05:18 PM

    I submitted the form on your page:

    But is not redirecting us to the Lightbox form, did you try injecting the provided code?  Here is a guide on How to Inject Custom CSS Code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes