-
PinkIguanaAsked on November 25, 2014 at 8: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,
Natasha -
Ashwin JotForm SupportReplied 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: 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!
-
goldstaradminReplied on July 1, 2016 at 12:35 PM
-
BJoannaReplied on July 1, 2016 at 2:24 PM
@goldstaradmin
I have moved your question to separate thread and we will provide you an answer there shortly.
https://www.jotform.com/answers/874165