Horizontal align submit button with page break back button

  • Profile Image
    chgtraunstein
    Asked 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?)

  • Profile Image
    Huberson
    Answered 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
    chgtraunstein
    Answered 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
    Huberson
    Answered 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.