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

    Is it possible to make the Lightbox scroll.

    Asked by lolaslunches on September 25, 2011 at 04:31 AM

    I would like to make the lightbox scroll as the page it is overlaying moves.  Is there a way to do this?  I believe it can be done through CSS.  Do I just wrap the <code><a class="lightbox-12675931234" style="cursor:pointer;color:blue;text-decoration:underline;">Place your order</a></code> in a div and declare the CSS properties that way or is there a way that is more direct to have the lightbox scroll along with the page?



  • Profile Image
    JotForm Support

    Answered by abajan on September 25, 2011 at 11:09 AM

    Hi Todd

    Thanks for asking. Life should be so simple! That section of code affects the link that is clicked to load the lightbox and not the lightbox itself. I have been searching the Net and trying various solutions but so far the results have been, shall we say, less than desirable.

    Remembering the solution provided by my colleague Neil in this thread to change the appearance of the lightbox title, I was wondering if editing his rule could somehow influence the positioning of the lightbox. The following CSS is the best I have been able to come up with so far:

    div div {
    position:fixed !important;
    top:20px !important;
    left:200px !important;
    width:700px !important;
    height:500px !important;

    As you will see if you embed it into a page with a lighbox, the outcome is far from perfect. Sure, the lighbox stays in a fixed position but that's about the only thing that's right! lol

    Clearly, there must be a better solution. Perhaps one of my colleagues has a solution. At any rate, it would be really cool if there was an option in the form builder to display lightboxes in a fixed position. But for the time being, the search continues.

    Should I come up with improved code or some sort of better solution, I'll let you know.


    ~ Wayne

  • Profile Image
    JotForm Support

    Answered by abajan on September 25, 2011 at 04:27 PM

    Hi again

    I was able to hack my way through to a solution! :-)
    Well kinda. Unfortunately, it doesn't work in Opera. :-(

    Don't use the CSS I provided above. Follow these instructions instead. I'm quite sure there are solutions involving much less CSS but this will have to do for now.

    Incidentally, I cloned your form and tweaked its injected CSS a bit. If you want to see the results, leave out Step 4 of the instructions.

    If anything in the instuctions needs clarifying, please let us know. Our team is always ready to help users with their forms.


    ~ Wayne


    P.S. I'm sure a solution that works in Opera will be found soon. Perhaps one of my colleagues already has that solution!

  • Profile Image

    Answered by lolaslunches on September 25, 2011 at 05:06 PM

    Thanks Wayne!  What amazing and over-the-top support.  I really appreciate it.  You solution worked for me on a test HTML page.  Now I'll move things around a bit and see if I can get it to work on a Wordpress site.


    Thanks again for the solution.

  • Profile Image
    JotForm Support

    Answered by abajan on September 27, 2011 at 04:49 AM

    You're welcome, Todd.