How to move the print button before the submit button?

  • Profile Image
    leeanndumas
    Asked on May 04, 2015 at 02:09 PM

    Logically, the user performs actions left to right. If they click submit, then they can no longer print the form. Is there a way to put print before submit?

  • Profile Image
    Boris
    Answered on May 04, 2015 at 02:35 PM

    Hello leeanndumas, I would recommend you to add the following custom CSS to your form in order to move the Print button to the left of the Submit button:

    .form-submit-print { margin-left: -250px !important; }

    Please check this guide on how to add custom CSS to your form:

    How to Inject Custom CSS Codes

    Please let us know if you need any help with this, and we will be happy to assist you.

    Kind regards,
    Boris

  • Profile Image
    ViewRetreats
    Answered on December 01, 2016 at 02:20 AM

    Hi there,

    I also have this issue. I very much agree with leeanndumas that the standard order of the Submit/Print buttons does not seem like a logical UI.

    I have tried inserting the CSS code above. It definitely changed the location of the Print button, but it sent the Submit button off to the right hard side out on top of the background image.

    Can you please explain how we can achieve a more logical layout where the Submit button is on the right hand side of any other buttons (ie. Print or Clear)

    Thank you in advance!

  • Profile Image
    BJoanna
    Answered on December 01, 2016 at 03:16 AM

    @ViewRetreats

    I have moved your question to separate thread and we will provide you an answer there shortly.

    https://www.jotform.com/answers/1001466