Submit button alignment in form builder and when embedded

  • cobbkenneth
    Asked on January 28, 2015 at 9:13 AM
    The Submit button is orientated to the left on my form when editing but when publishing embedded in my website it is orientated to the center.  How do I fix that?
  • Welvin Support Team Lead
    Replied on January 28, 2015 at 9:17 AM

    Hi,

    The submit button is always in the left side in both places, your website and form builder upon checking it here. But I think that's because of the responsive design since the form was open and saved to our form designer.

    We can fix that, but I see it's left here so nothing to fix. Can you take a screenshot of how that looks like to your end?

    Here's mine:

    Submit button alignment in form builder and when embedded Image 1 Screenshot 20

    Thanks

  • cobbkenneth
    Replied on January 28, 2015 at 10:40 AM

    Submit button alignment in form builder and when embedded Image 1 Screenshot 20

     

     

     

     

  • Welvin Support Team Lead
    Replied on January 28, 2015 at 10:49 AM

    I've added the following custom CSS codes to the form:

    button#input_2 {

    margin-left: 0 !important;

    }

    Can you check it again?

    Thanks

  • cobbkenneth
    Replied on January 28, 2015 at 11:17 AM

    Thanks, but it is still the same on my browser.  Still centered.

  • Ashwin JotForm Support
    Replied on January 28, 2015 at 12:27 PM

    Hello cobbkenneth ,

    I did check your web page in chrome and the submit button appears correctly. Please check the screenshot below:

    Submit button alignment in form builder and when embedded Image 1 Screenshot 30

     

    When I checked your web page in mozilla firefox, the button appears to be not aligned correctly. Please check the screenshot below:

    Submit button alignment in form builder and when embedded Image 2 Screenshot 41

    I have gone ahead and injected the following custom css code in form and that seems to have fixed the alignment issue of button:

    @-moz-document url-prefix() { 

      button#input_2 {

        margin-left: -141px !important;

    }

    }

    Do get back to us if the issue persists.

    Thank you!