Submit button is not correctly positioned on form

  • jdt3901
    Asked on April 28, 2016 at 3:09 PM

    I set up a wizard for for an application and the submit button at the end doesn't behave. I have it set to display in the center, but in the live form it displays off center and sometimes too low, so it crosses lines it shouldn't. OnClick, the button moves an inch above the pointer.

    Submit button is not correctly positioned on form Image 1 Screenshot 30

    Button Moves up onclick:

    Submit button is not correctly positioned on form Image 2 Screenshot 41

     

  • Mike
    Replied on April 28, 2016 at 4:21 PM

    This is happening due to absolutely positioned submit button with CSS on your form.

    Submit button is not correctly positioned on form Image 1 Screenshot 30

    You may try removing that CSS, or specifying the positioning.

    Example:

    .page-section + .page-section:nth-child(1n+0) .form-submit-button {
    position : absolute;
    left: 193px;
    top: 9px;
    }

    Submit button is not correctly positioned on form Image 2 Screenshot 41

    If you need any further assistance, please let us know.

  • jdt3901
    Replied on April 28, 2016 at 4:26 PM

    Your suggestion worked great, Mike. Thanks.