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

    Lightbox window moves on top of the page when page break button is clicked

    Asked by sacredsmile on April 08, 2013 at 03:01 AM

    Hi. I have embedded a form with lightbox-script. When i press next and previous buttons the page scrolls down to the first element of the form. But the auto-scroll also makes it cover the lightbox close button. And for people who are one my site and don't know this, it seems like the form is disappearing into the top of the screen, and that the close button becomes unavailable. Is there any way to make the scroll stop at the top of the form (above the title and close button)?

    next site scroll close button
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 08, 2013 at 04:07 AM

    Hi,

    Please let us know the website URL where you have embedded your lightbox form so we can check the problem here? This would help us troubleshoot the problem further. 

    Thanks!

  • Profile Image

    Answered by sacredsmile on April 08, 2013 at 04:12 AM

    Ok. Here is the page with the form. Press the big orange button with the txt "Søk nå" to the right on the page.

     

    http://verdigesmil.no/bli-frivillig/frivillig-i-sierra-leone/undervisning/

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 08, 2013 at 05:18 AM

    @sacredsmile

    Thanks for your swift response.

    Actually, page-break was created that way in order for the form to load on top of the form fields when you switch back and fort of the pages. However, if you do not like that behavior, you can replace your current lightbox source URL found on the first line of your lightbox embed code.

    From this:

    http://cdn.jotfor.ms/static/feedback.js?3.1.51

    To:

    https://shots.jotform.com/elton/lightbox_nojump.js

    I have added a nojump parameter on this script so the lightbox will not moved when page break button is clicked.

    Demo: https://shots.jotform.com/elton/demo_lightbox_nojump.html

    Hope this helps. Thank you!

  • Profile Image

    Answered by sacredsmile on April 08, 2013 at 05:33 AM

    Thank you for your effort EltonCris. As you say the form now doesn't jump at all. But this was not what i was looking for. What i had in mind was that the form should jump to the top of the form on page break, but not scroll page down to the first element in the form. The page should always be constant on top, and only the form inside the lightbox should jump.

     

    Is this possible?

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 08, 2013 at 06:17 AM

    I see, thanks for your clarification and sorry to misunderstand it. 

    How about using the lightbox jQuery version? I can see your lightbox script source doesn't have "2" after feedback. This means you are using the prototype script, to switch to jQuery simply add "2" after feebdack. Example:

    http://cdn.jotfor.ms/static/feedback2.js?3.1.51

    Let me know if this doesn't work for you. Thank you!

  • Profile Image

    Answered by sacredsmile on April 08, 2013 at 06:23 AM

    Yes, that would have solved it, but I get javascript conflict when i use the number "2". The page with the script is a page with tabs, you see. Is it possible to have the script for the form on another page and link to it?

     

    Or do you have any other lightbox versions that i could test?

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 08, 2013 at 08:46 AM

    I can't seem to test properly using your source, would you mind trying this script? See if this helps without any conflicts. 

    https://shots.jotform.com/elton/lightbox_full_jquery.js

    Just do the same, replace the src url on the first line of your lightbox embed code.

    Let me know if this doesn't work. Thank you for your patience and cooperation. ;)

  • Profile Image

    Answered by sacredsmile on April 08, 2013 at 08:52 AM

    What would the link be if i want to use secure server?

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 08, 2013 at 09:01 AM

    First off, may we know if the last script works?

    By the way, since I am providing a workaround on the scripts, they are no longer hosted at www.jotform.com, instead the script is hosted at JotForm's file repository. Sorry though but it doesn't support secure https connection. My suggestion would be to copy the full script and upload it to your website. That way, the script will depend on your domain protocol.

    Thanks!

  • Profile Image

    Answered by sacredsmile on April 08, 2013 at 09:01 AM

    Hi. The last .js file brings in more javascript conflicts. But I have found a way using a wordpress plugin called auto thickbox plus. Then i link to files where i have embedded the iframecode.Then it works.

     

    So you can relax ;) Thank you for trying though.

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 08, 2013 at 09:08 AM

    That's awesome! We are so much glad to hear that everything works now.  =)

    Feel free to message us here if you have further inquiries about JotForm. Cheers!