How can I make the submit button be to the right of the label?

  • Profile Image
    Asked on August 18, 2011 at 11:54 AM

    I like this example. How can I get the submit button to be in the same 'row' as the email label?

  • Profile Image
    Answered on August 18, 2011 at 12:45 PM


    To implement the same style to your form:

    Shrink both the e-mail field and the submit button. Right-click then choose Shrink.

    Inject this css code to hide the label for the E-mail field

    .form-label-left {

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea

    The finished product should look like this form:

    We hope you find this answer helpful. Thank you for using Jotform!


  • Profile Image
    Answered on August 19, 2011 at 04:07 AM

    Great reply!! This worked perfectly :)

  • Profile Image
    Answered on August 30, 2011 at 03:22 PM

    Odd... I tried it... like 10 times and it didn't work for me. 

  • Profile Image
    Answered on August 30, 2011 at 03:30 PM


    May we ask which of your forms you would like to modify using this technique?


  • Profile Image
    Answered on August 30, 2011 at 04:22 PM

    Used another CSS code and got it fairly close... you can see it here...

    the form is labeled - Moontide News