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

    Horizontal align submit button with page break back button

    Asked by chgtraunstein on March 30, 2016 at 12:13 PM

    How can put the submit button in the same line as the last back button in my form. I would like the submit button to be to the right of the back button like a next button.

     

    (It would be easier if the last page's back button was shown in the designer. How can I find out where is its code in the CSS?)

    Page URL:
    https://form.jotform.com/chgtraunstein/verteiler

    back button custom css button positioning align button
  • Profile Image

    Answered by Huberson on March 30, 2016 at 02:45 PM

    Add the bellow CSS right bellow the previous code from Designer

    #id_35{

        position: absolute;

        bottom: 18px;

        right: 0; 

    }

    .form-pagebreak{

        margin: 0;

        padding: 0 18px;

    }

    Demo clone - https://form.jotform.com/60895543089973

    There seems to be some unnecessary code you might need to remove, but the will not prevent the style to take effect though.

  • Profile Image

    Answered by chgtraunstein on April 07, 2016 at 10:18 AM

    Thank you very much for the code, but adding it to my form's code does not work: the back button will be gone.

    BUT: The demo clone works!! So could you please copy the demo clone into my account??

    (There is unnecessary code in my css because I only work with trial and error, so I do not know which code is no longer necessary.)

  • Profile Image

    Answered by Huberson on April 07, 2016 at 11:44 AM

    Take a look a this guide to see how you can clone the demo to your account using the URL - Clone-an-Existing-Form-from-a-URL.

     Also note that some of the code that look redundant have been removed.