Is there a way to indicate at the bottom of the form (like near the submit button) that there's an error preventing submission?

  • Profile Image
    Asked on May 28, 2021 at 01:04 PM
  • Profile Image
    Answered on May 28, 2021 at 01:14 PM

    I wrote a TON more describing my problem but somehow it all disappeared as soon as I put the page URL in. Frustrating.

    The bottom line is that I have an all-in-one-page form and when you hit Submit at the bottom, there's no way to tell that the reason it isn't submitting is that you've made an error in one of the questions that you can't currently see on the screen (you need to scroll up).

    I'd like to know if there's a way to show the error message (or an indication that you need to scroll up to find the error) down near the Submit button so people aren't confused. I tested the form myself at one point and was mystified -- I kept hitting submit but there was no indication why it wasn't working. I suspect my form-fillers aren't as patient as I am.

    For now, I've put a text note in that tells them to scroll up if the form isn't submitting right, but that doesn't seem like the way it should work.

  • Profile Image
    Answered on May 28, 2021 at 04:24 PM

    There is an alert that should be displayed to the user if there are errors with the form, the alert is stuck at the beginning of the form when this is embedded, but you can display it at the bottom with the following CSS code:

    .error-navigation-container {

      bottom: 0;

      top: auto;


    This guide will help you to inject the code to your form:

    This will be the result:


    When they click on the "See Errors" button they will be moved to the fields that must be filled.

    Kindly give it a try and let us know if you have any questions.

  • Profile Image
    Answered on June 02, 2021 at 12:36 PM

    Thank you! That seemed to do the trick.