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 to center 'next' button

    Asked by israelyc on April 11, 2014 at 12:52 PM

    How can I center the 'next' button on a page break?

    I disabled the back button, and I want to center the next button.

    next back button and
  • Profile Image

    Answered by jedcadorna on April 11, 2014 at 01:57 PM

    To center the next button you can inject this CSS.

    .form-pagebreak-back-container{
     
    margin-left20%;

    }

    You can increase the % of how you want your next button to be aligned on your form you can also use pixel like 100px then just adjust it according to your preference.

    Please follow this guide on how to inject a custom CSS to your form http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.


  • Profile Image

    Answered by israelyc on April 11, 2014 at 02:50 PM
    This is not working.
    I've been using the iframe option since nothing else worked.
    Here's the page: http://www.directfinearts.com/sotskovaevent/
    Any idea on how to center it, and to make sure it doesnt break?
    ...
  • Profile Image

    Answered by jedcadorna on April 11, 2014 at 03:05 PM

    I have corrected your form and injected this CSS, If you need more help just send us a reply via this thread or create a seperate for new concern http://www.jotform.com/contact:

     

    .form-pagebreak-next-container{

    margin-left: 40%;

    }

  • Profile Image

    Answered by israelyc on April 11, 2014 at 03:30 PM
    Hi there,
    Now when someone submits an error, the submit button goes away out of the
    iframe: https://cloudup.com/cqS6iXk_ua4
    Here's the page: http://www.directfinearts.com/sotskovaevent/
    Thanks for all the help!
    On Fri, Apr 11, 2014 at 3:05 PM, JotForm Support Forum ...
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on April 11, 2014 at 04:48 PM

    This happenes because the height increases and goes beyond the <div>

    I would recommend you to modify the in the iFrame code, the value for Scroll property from "no" to "yes" in order to trigger the scroll bars and show the submit button


  • Profile Image

    Answered by israelyc on April 11, 2014 at 05:10 PM
    How can I modify it so it will be dynamic?
    Or so it will always have the longest height?
    On Apr 11, 2014 4:48 PM, "JotForm Support Forum"
    wrote:
    ...
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on April 11, 2014 at 06:07 PM

    Or so it will always have the longest height? I don't get exactly what you mean

    However, to resolve the problem that's all you need to do. Scroll value in the rendered iFrame code comes by default  set to "no".

    Edit your webpage, find the entire iFrame code in there  and modify it.

    Or you can get it back again from the form builder, making sure you set the Scroll property value to "Yes" before pasting it back in your webpage.

    This way, the height will be dynamically changing as it will trigger the scroll bar for you to see the submit button.