PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Highlight the input error when the form is below the fold?

  1. Ric

    I have a Gravity Form placed below the fold on a long(ish) page. When there's an error which prevents the form from being sent (e.g. a required field not being completed), it isn't obvious to the end user because the error message is out of sight.

    Is there a straight forward technique to do any of the following? :

    - Scroll the page to the form's location after unsuccessfully submitting.
    - Relocate the error message to the top of the page.
    - Show the error message in a lightbox or similar modal window

    Or, can you recommend a different approach for highlighting the issue to the user?


    Posted 10 years ago on Wednesday November 16, 2011 | Permalink
  2. If you want the form to anchor when submitted you can use a hook to do this. The hook can be found here:

    An alternative solution is to enable ajax via the shortcode (or function call). AJAX will automatically anchor. Multi-Page forms also do this automatically.

    The reason why single page non-ajax forms do not is because this functionality was implemented at a later date and we did not want to change default behavior as some users may have customizations implemented.

    Posted 10 years ago on Wednesday November 16, 2011 | Permalink

This topic has been resolved and has been closed to new replies.