How to align the submit and print button in one row?

  • Lyza
    Asked on September 28, 2016 at 11:48 PM

    I injected a custom css for the submit and print button which adjust the width  and align the two in one row, however ,when I preview it, it doesn't take effect. What might be the problem of this?

     

     

    How to align the submit and print button in one row? Image 1 Screenshot 20

    Jotform Thread 945017 Screenshot
    Page URL: https://www.jotform.com//?formID=62621480581454
  • Chriistian Jotform Support
    Replied on September 29, 2016 at 4:49 AM

    I checked your form and it seems that the CSS code you injected to your form is being implemented properly. Please try to add !important to the width so the width CSS value will be implemented to the Submit and Print button.

    How to align the submit and print button in one row? Image 1 Screenshot 30

     

    .form-submit-print {

        float : right;

        position : relative;

        display : block;

        width : 50% !important;

    }

     

    .form-submit-button {

        float : left;

        position : relative;

        display : block;

        width : 30% !important;

    }

     

    Here is the buttons will look like on your form implementing the CSS code.

    How to align the submit and print button in one row? Image 2 Screenshot 41

     

    Do let us know if you need further assistance.
    Regards.