https://legacy.forums.gravityhelp.com/topic/form-losing-styles-on-submit-error-state Gravity Support Forums Topic: Form losing styles on submit / error state en-US Tue, 21 Apr 2026 10:28:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-losing-styles-on-submit-error-state#post-29777 Tue, 12 Jul 2011 10:24:36 +0000 Interact 29777@https://legacy.forums.gravityhelp.com/ <p>Thanks for your help with this Kevin muchos appriciated </p> https://legacy.forums.gravityhelp.com/topic/form-losing-styles-on-submit-error-state#post-29775 Tue, 12 Jul 2011 10:19:03 +0000 Kevin Flahaut 29775@https://legacy.forums.gravityhelp.com/ <p>So, this isn't a default form styling issue apparently, it's related to a third party js script you're using for styling the form.. <a href="http://uniformjs.com/" rel="nofollow">http://uniformjs.com/</a></p> <p>I'm sure this is related to the script and the ajax implementation on the form. The script replaces content, images, styles, etc. on the document load and when the form is submitted via ajax the document does not reload and therefore the new form elements don't get the shiny new styles. If you turn off the ajax submission method, you'll probably see that it works just fine.</p> <p>You'll have to either ditch the ajax submission if you want that to work, or use something like this to reload the script for validation errors.</p> <p><a href="http://www.gravityhelp.com/forums/topic/call-javascript-function-upon-validation-error" rel="nofollow">http://www.gravityhelp.com/forums/topic/call-javascript-function-upon-validation-error</a> </p> https://legacy.forums.gravityhelp.com/topic/form-losing-styles-on-submit-error-state#post-29771 Tue, 12 Jul 2011 09:24:22 +0000 Interact 29771@https://legacy.forums.gravityhelp.com/ <p>Thanks for the quick response...</p> <p><a href="http://www.interact-intranet.com/contact-us/" rel="nofollow">http://www.interact-intranet.com/contact-us/</a> (example form).</p> <p>The forms work properly and validates. </p> <p>The form preview itself does not have the correct styling at all (I've not used that yet).</p> <p>Does this help? </p> https://legacy.forums.gravityhelp.com/topic/form-losing-styles-on-submit-error-state#post-29769 Tue, 12 Jul 2011 09:10:14 +0000 Kevin Flahaut 29769@https://legacy.forums.gravityhelp.com/ <p>Can you post a URL to your form? I'm not going to be able to debug it with just the information above.</p> <p>Also, can you confirm that your form works/validates properly in the preview page? </p> https://legacy.forums.gravityhelp.com/topic/form-losing-styles-on-submit-error-state#post-29764 Tue, 12 Jul 2011 08:39:23 +0000 Interact 29764@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I recently implemented gravity forms on our website (which works really well for us). I did notice that if we submit a form incorrectly and the form highlights all the errors they also lose some styling (drop downs and submit button).</p> <p>I've tried to fix this but it looks as if the html changes and it loses the span? Can anyone help me with this?</p> <pre><code>&lt;div class=&quot;gform_footer top_label&quot;&gt; &lt;input type=&quot;submit&quot; tabindex=&quot;9&quot; value=&quot;Download The Intranet Report&quot; class=&quot;button gform_button&quot; id=&quot;gform_submit_button_15&quot;&gt; &lt;div class=&quot;gform_footer top_label&quot;&gt; &lt;div class=&quot;button&quot; id=&quot;uniform-gform_submit_button_15&quot; style=&quot;-moz-user-select: none;&quot;&gt; &lt;span&gt;Download The Intranet Report&lt;input type=&quot;submit&quot; tabindex=&quot;9&quot; value=&quot;Download The Intranet Report&quot; class=&quot;button gform_button&quot; id=&quot;Submit1&quot; style=&quot;opacity: 0;&quot;&gt;&lt;/span&gt; &lt;/div&gt;</code></pre> <p>Thanks guys </p>