How can we make the lightbox form scrollable?

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

    Thank you

  • Ben
    Replied 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).

  • rubyt
    Replied on June 20, 2015 at 1: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.

     

  • jonathan
    Replied on June 20, 2015 at 8: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.

     

  • rubyt
    Replied 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.

  • David JotForm Support Manager
    Replied on June 21, 2015 at 5:18 PM

    I submitted the form on your page:

    How can we make the lightbox form scrollable? Image 1 Screenshot 20

    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