Trouble with submit button - Page jumping up so Required fields notification is not viewable

  • Profile Image
    Asked on November 25, 2014 at 08:11 PM

    Hi there,

    This has happened to me with another form and your team had to fix this issue. 

    At the bottom of the page when you click on the submit button yet there are required fields that haven't been filled out the page jumps up just enough that you cannot see the message letting you know that you haven't filled out required fields.

    Can your team please fix this and let me know why this is happening? Is it something that I'm doing?


    Thank you,


  • Profile Image
    Answered on November 25, 2014 at 10:18 PM

    Hello Natasha,

    That is because the height of the form is adjusted if the validation error message is triggered. One possible solution is to move the validation message above the submit button.

    Please inject the following custom css code in your form which will display the validation message just above the submit button:

    .form-button-error {

    margin-top: -85px;

    position: absolute;


    The following guide should help you inject custom css code in form: 

    The above custom css should give you output as displayed in the screenshot below:

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Answered on July 01, 2016 at 12:35 PM

    Is there a better fix to this now?  I would like my users to be taken to the first field with an error, but when embedding the form using JavaScript or an iFrame, clicking on the Submit button doesn't take you to the correct place on the page.  It takes you to a point too high.
  • Profile Image
    Answered on July 01, 2016 at 02:24 PM


    I have moved your question to separate thread and we will provide you an answer there shortly.