How to move the next button to the left of the page?

  • Profile Image
    beachbum
    Asked on April 13, 2014 at 06:34 PM

    When creating multi page forms you get two buttons on the bottom of the page

    back and next.

     

    I know I can hide the back button but i want to put the next button on the left side of the page 

    where the back button is located.

     

    I can get rid of the back button all together if that helps creating an easy custom css code to do this.

     

    The reason is I can't see the button on my phone because it's pushed of to the right.

     

    I know I can change the size of the form width but I would like to have this on the left side of the page

     

    Please help.

     

    Thanks

  • Profile Image
    ashwin_d
    Answered on April 13, 2014 at 10:14 PM

    Hello beachbum,

    Yes it is possible to achieve your requirement. Please hide the "Back" button and then inject the following custom css in your form:

    .form-pagebreak-next {

    margin-left: -327px;

    }

    The following guide should help you to inject custom css in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please take a look at the following cloned form and see if this is what you want to achieve:  http://form.jotformpro.com/form/41028550537956? Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Hope this helps.

    Do get back to su if you have any questions.

    Thank you!