https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form Gravity Support Forums Topic: Customising 'There has been an error with your form' en-US Mon, 20 Apr 2026 12:04:47 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-154112 Mon, 25 Feb 2013 09:42:20 +0000 Richard Vav 154112@https://legacy.forums.gravityhelp.com/ <p>I usually place small jquery code like that at the bottom of the page I have embedded the form on, you will need to wrap it in a document ready function like so<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; $(document).ready(function(){ $(&#39;.gform_footer&#39;).prepend( $(&#39;.validation_error&#39;) ); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-154100 Mon, 25 Feb 2013 09:23:42 +0000 JonC 154100@https://legacy.forums.gravityhelp.com/ <p>Thanks Richard I shall give go later.</p> <p>Where do I place the snippet of code to change the position of the error message?</p> <p>Thanks for your help!<br /> Jon </p> https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-153923 Mon, 25 Feb 2013 04:16:24 +0000 Richard Vav 153923@https://legacy.forums.gravityhelp.com/ <p>Here's a sample for changing the appearance of the main validation error message<br /> <pre><code>body .gform_wrapper .validation_error { border: 1px solid #000; background: yellow; font-size: 20px; font-weight: bold; margin: 10px 0; padding: 5px; }</code></pre> <p>Now that will apply to all gravity forms site wide, if you only want it to apply to that one form then modify it to read, with 5 being your form number<br /> <pre><code>body .gform_wrapper_5 .validation_error {</code></pre> <p>Now to change the position of the validation error message I think you will have to use some jQuery like so, I haven't tested it but it should move the validation error message so it appears in the forms footer area with the submit button.<br /> <pre><code>$(&#39;.gform_footer&#39;).prepend( $(&#39;.validation_error&#39;) );</code></pre> <p>Depending on your sites setup you probably will need to replace $ with jQuery </p> https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-153917 Mon, 25 Feb 2013 04:10:08 +0000 Richard Vav 153917@https://legacy.forums.gravityhelp.com/ <p>Jon to move the field labels from above each field to the left of each field you can edit the form settings and at the bottom of the form settings properties panel there is a 'label placement' drop down which should have 'top aligned' selected, change that to left aligned and then save and re-load your page. </p> https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-153550 Sun, 24 Feb 2013 13:56:54 +0000 JonC 153550@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Example form is at the following link (bottom of page)<br /> <a href="http://www.woodworkersuk.co.uk/wooden-driveway-gates.htm" rel="nofollow">http://www.woodworkersuk.co.uk/wooden-driveway-gates.htm</a></p> <p>What I would like to do is not change the actual text, but change the format of it - make it larger and a different colour so it stands out more.<br /> I'd also if possible like to reposition the main 'There has been an error' text so it appears next to (or just above) the 'Submit' button.</p> <p>Would also like to have the name of each field next to each field rather than above it as well if that is possible?</p> <p>Cheers<br /> Jon </p> https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-153506 Sun, 24 Feb 2013 11:48:53 +0000 Richard Vav 153506@https://legacy.forums.gravityhelp.com/ <p>Hi JonC, as Chris says if you provide a link more specific &amp; customised guidance can be provided but in the meantime you may want to take a look at the CSS targeting samples in the documentation which provide examples for targeting and customising the styling of various gravity forms elements, this link will take you straight to the section regarding validation errors <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Validation_Errors" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Validation_Errors</a> </p> https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-153362 Sun, 24 Feb 2013 01:52:27 +0000 Chris Hajer 153362@https://legacy.forums.gravityhelp.com/ <p>Please provide a link to the page on your site with the form in question, and let us know exactly which text you want to change.</p> <p>For each individual field, you can change the text "This field is required." on the advanced tab. Fill in the field "Validation Message" to override the default message.</p> <p>To change the whole form validation error message ('There was a problem with your submission. Errors have been highlighted below.') you can use the gform_validation_message filter <a href="http://www.gravityhelp.com/documentation/page/Gform_validation_message" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_validation_message</a> </p> https://legacy.forums.gravityhelp.com/topic/customising-there-has-been-an-error-with-your-form#post-153052 Sat, 23 Feb 2013 10:35:06 +0000 JonC 153052@https://legacy.forums.gravityhelp.com/ <p>Using several different Gravity forms across various pages on my website. Each form has three required fields, if these fields are not filled in an error message if shown just under the form title saying<br /> 'There was a problem with your submission. Errors have been highlighted below.'</p> <p>Next to each field that has not been filled in is<br /> 'This field is required.'</p> <p>Is there anyway I can customise the size and colour of this text to make it stand out a bit more?<br /> Also is it possible to also highlight the actual fields that should have been filled in? </p>