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

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,
Natasha

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:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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!

@goldstaradmin

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

https://www.jotform.com/answers/874165