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.

place validation error messages in a separate page

  1. Hi! I have form with a small background so when validation error messages appear, the form is cut off. Is it possible to place the validation error messages in a new page instead of within the form itself? Thanks!

    Posted 13 years ago on Thursday August 18, 2011 | Permalink
  2. Not that I know of. How about styling the validation errors to make them fit into your form space? Can you post a link to your page with the form on it?

    Posted 13 years ago on Thursday August 18, 2011 | Permalink
  3. Here: http://esubsidie.nl/leaseprof-new/

    Posted 13 years ago on Friday August 19, 2011 | Permalink
  4. With that limited amount of space, you probably want to turn off most of the default error notification. Try something like this to start:

    [css]
    body #gform_wrapper_1 .validation_error,
    body #gform_wrapper_1 li.gfield.gfield_error .gfield_description.validation_message {
    	display:none
    }
    
    body #gform_wrapper_1 li.gfield.gfield_error {
    	padding:2px!important;
    	border:none
    }
    
    body #gform_wrapper_1 li.gfield.gfield_error input {
        background: red;
        color: #fff;
    }

    Here's a screenshot http://bit.ly/nExWry

    There will be more tweaking to do based on how you want it to look, but hopefully this will get you started. Please post if you need additional help.

    Posted 13 years ago on Friday August 19, 2011 | Permalink
  5. Good idea. I'll try that. Thanks!

    Posted 13 years ago on Saturday August 20, 2011 | Permalink