https://legacy.forums.gravityhelp.com/topic/confirmation-text-fade-or-slide Gravity Support Forums Topic: Confirmation text fade or slide? en-US Mon, 20 Apr 2026 07:13:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/confirmation-text-fade-or-slide#post-75108 Thu, 13 Sep 2012 09:02:39 +0000 Chris Hajer 75108@https://legacy.forums.gravityhelp.com/ <p>I think you want to use the gform_confirmation_anchor to take control of that:<br /> <a href="http://www.gravityhelp.com/documentation/page/Gform_confirmation_anchor" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_confirmation_anchor</a> </p> https://legacy.forums.gravityhelp.com/topic/confirmation-text-fade-or-slide#post-75061 Wed, 12 Sep 2012 22:42:18 +0000 onyx808 75061@https://legacy.forums.gravityhelp.com/ <p>Thank you Chris!</p> <p>is there any way to stop it from moving to the top of the page? when you submit it shows the loading circle spinning next to the submit and then it snaps to the top of the page and then slides down the confirmation text.</p> <p>If I could stop it from snapping to the top of the page it will be perfect!</p> <p>Thank you! </p> https://legacy.forums.gravityhelp.com/topic/confirmation-text-fade-or-slide#post-75048 Wed, 12 Sep 2012 22:12:13 +0000 Chris Hajer 75048@https://legacy.forums.gravityhelp.com/ <p>Sure. You can use the jQuery slow method, or any other jQuery effect you like. There are a couple parts to the solution.</p> <p>1. Hide the .gform_confirmation_message by using <strong>display:none;</strong> in your theme's stylesheet. This is the code for form 3 in my installation:</p> <pre><code>[css] div.gform_confirmation_message_3 { display:none; }</code></pre> <p>2. We're going to use the <a href="http://www.gravityhelp.com/documentation/page/Gform_confirmation_loaded" rel="nofollow">gform_confirmation_loaded</a> hook, so be sure you enabled AJAX when you embedded the form. Add this to your existing shortcode if you are not currently using AJAX:</p> <pre><code>[php] ajax=&quot;true&quot;</code></pre> <p>3. Create a script called slow-confirmation.js and save it in the js folder of your child theme. Put this into that script (be sure to hover over this code block and click the <strong>&lt;&gt; "view source"</strong> to see the full code):</p> <pre><code>[js] jQuery(document).bind(&#39;gform_confirmation_loaded&#39;, function(){ jQuery(&#39;#gforms_confirmation_message&#39;).slideDown(&#39;slow&#39;); });</code></pre> <p>4. Add this to your theme's functions.php to enqueue the script which you named slow-confirmation.js and saved in the js folder of your child theme. If you placed the script elsewhere or named it something else, adjust these values. Change the "3" here to your form ID.</p> <pre><code>[php] add_action(&#39;gform_enqueue_scripts_3&#39;, &#39;enqueue_slow_slide&#39;, 10, 2); function enqueue_slow_slide($form, $is_ajax) { // enqueue the slow slide script which is bound to the gform_confirmation_loaded event. Located in the child theme /js/ subdirectory. Depends on jQuery wp_enqueue_script(&#39;slow-confirmation&#39;, get_stylesheet_directory_uri() . &#39;/js/slow-confirmation.js&#39;, array(&#39;jquery&#39;)); }</code></pre> <p>Example: <a href="http://gravity.chrishajer.com/country-of-origin/" rel="nofollow">http://gravity.chrishajer.com/country-of-origin/</a> </p> https://legacy.forums.gravityhelp.com/topic/confirmation-text-fade-or-slide#post-75014 Wed, 12 Sep 2012 17:17:59 +0000 onyx808 75014@https://legacy.forums.gravityhelp.com/ <p><a href="http://www.onyxsolution.com" rel="nofollow">http://www.onyxsolution.com</a></p> <p>Thank you! </p> https://legacy.forums.gravityhelp.com/topic/confirmation-text-fade-or-slide#post-74920 Wed, 12 Sep 2012 00:41:59 +0000 Chris Hajer 74920@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to your site please so we can see this in action? </p> https://legacy.forums.gravityhelp.com/topic/confirmation-text-fade-or-slide#post-74769 Tue, 11 Sep 2012 05:16:14 +0000 onyx808 74769@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Im using the confirmation text on my contact form and after the user submits it does some kind of refresh or something and it displays the confirmation text, at the moment I seems to snappy, can this be done a little more gracefully? like fading out the form and fading in the confirmation text or after submission slide in the confirmation text?</p> <p>Thank you! </p>