Submit button is not correctly positioned on form

  • Profile Image
    jdt3901
    Asked on April 28, 2016 at 03: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.

    Button Moves up onclick:

     

  • Profile Image
    Mike
    Answered on April 28, 2016 at 04:21 PM

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

    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;
    }

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

  • Profile Image
    jdt3901
    Answered on April 28, 2016 at 04:26 PM

    Your suggestion worked great, Mike. Thanks.