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

    page break jumps in firefox

    Asked by applepiepro on April 03, 2013 at 07:15 AM

    I have a form integrated into squarespace using the lightbox embed code.

    The page breaks on the lightbox form works perfectly in IE and Chrome, but the "Next" button jumps to the second line in firefox. i need to make sure this works as it should.

    What can I do to resolve this please. Here is the form http://form.myjotform.com/form/30515206842548?

    You can check out the form on the website here www.photomegood.com (click on "get started")

    Thank you for you help.

    lightbox form next check myJotForm
  • Profile Image

    Answered by jefreylandicho on April 03, 2013 at 09:09 AM

    In your Form Styles Custom CSS,  please inject the code below

    .form-pagebreak-next-container { padding: 0px !important; }

    To inject a Custom CSS code in your form styles,

    - Go to Setup & Embed tab

    - Click Preferences Icon

    - Click Form Styles tab

    - Add the code in the Custom CSS Text Area 

    If the issue still persist, please contact us again.

  • Profile Image

    Answered by applepiepro on April 03, 2013 at 09:39 AM

    Thanks for the feedback, but this doesnt solve the problem, rather it made it worse as i started getting the wrong behavious in chrome, IE and FF.

    I need a workable solution please.

     

    Thanks for the help.

  • Profile Image

    Answered by jefreylandicho on April 03, 2013 at 10:51 AM

    Please try using this code and see it works

    .form-pagebreak-next-container { padding: 12px 0px !important; }

    The CSS code I have provided only adjust the button positioning. can you please tell us specifc details of what sort of wrong behavior did you experience after adding the css code. 

    Chrome Browser

    Firefox

    In IE, I notice some behavior which could be a cause of a script conflict, please try adding this code 

     <script>$.noConflict();</script> 

    below the your header script declration

  • Profile Image

    Answered by applepiepro on April 03, 2013 at 01:31 PM

    Great!

    It works now, thanks for your help.