Gravity Support Forums Topic: Next and Previous Button class change

Gravity Support Forums Topic: Next and Previous Button class change https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change Gravity Support Forums Topic: Next and Previous Button class change en-US Tue, 21 Apr 2026 19:31:58 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Kevin Flahaut on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35982 Thu, 22 Sep 2011 15:40:47 +0000 Kevin Flahaut 35982@https://legacy.forums.gravityhelp.com/ Sure, you can do that but you'll have to remember to update that core file every time you upgrade the plugin. That's not something we recommend doing. Is there some reason you can't simply style the buttons using the existing class name? That would be a lot easier and you don't have to continue to hack core files. clarkson on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35971 Thu, 22 Sep 2011 13:50:26 +0000 clarkson 35971@https://legacy.forums.gravityhelp.com/ I Managed to fix it by modifying [form_display.php] file <pre><code>Line:1392 "button gform_next_button"</code></pre> <pre><code>Line:1393 "button gform_previous_button"</code></pre> change them to whatever class u want :) thx clarkson on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35962 Thu, 22 Sep 2011 12:45:15 +0000 clarkson 35962@https://legacy.forums.gravityhelp.com/ Hey Kevin, i insterted this into my header.php file <pre><code><script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { $(".gform_previous_button").addClass("fancy_button"); $(".gform_next_button").addClass("fancy_button"); }); </script></code></pre> it worked on the first page, but when u press next, the next 2 buttons is still the same :/ take a look here <a href="https://psdtowebsite.net/order" rel="nofollow">https://psdtowebsite.net/order</a> im confused Kevin Flahaut on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35961 Thu, 22 Sep 2011 12:30:27 +0000 Kevin Flahaut 35961@https://legacy.forums.gravityhelp.com/ Yeah, check that last link I posted. The info you need is in there. You're probably going to want to put in your header.php file or else in a separate page template you create and use for your form pages. clarkson on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35959 Thu, 22 Sep 2011 12:20:27 +0000 clarkson 35959@https://legacy.forums.gravityhelp.com/ Kevin, im kinda noob with codes stuff, could u tell me where to insert the code you just pasted please? regards Kevin Flahaut on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35958 Thu, 22 Sep 2011 12:16:39 +0000 Kevin Flahaut 35958@https://legacy.forums.gravityhelp.com/ Something like this.. <pre><code><script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { $(".gform_previous_button").addClass("newPreviousClassName"); $(".gform_next_button").addClass("newNextClassName"); }); </script></code></pre> <a href="http://api.jquery.com/addClass/" rel="nofollow">http://api.jquery.com/addClass/</a> <a href="http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F" rel="nofollow">http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F</a> clarkson on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35954 Thu, 22 Sep 2011 11:51:59 +0000 clarkson 35954@https://legacy.forums.gravityhelp.com/ could u give me more information on how to use jQuery to append/change the class name for now. like where to start Kevin Flahaut on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35952 Thu, 22 Sep 2011 11:48:30 +0000 Kevin Flahaut 35952@https://legacy.forums.gravityhelp.com/ There isn't a filter for the previous and next buttons at this point. That's why your code isn't working. You'll have to either change the button styles with CSS or use jQuery to append/change the class name for now. clarkson on "Next and Previous Button class change" https://legacy.forums.gravityhelp.com/topic/next-and-previous-button-class-change#post-35948 Thu, 22 Sep 2011 11:17:59 +0000 clarkson 35948@https://legacy.forums.gravityhelp.com/ Hello, i was able to change the submit button class by adding this code to my theme's function file <pre><code>add_filter("gform_submit_button", "form_submit_button", 10, 2);</code></pre> <pre><code>// filter the Gravity Forms button type add_filter("gform_submit_button", "form_submit_button", 10, 2); function form_submit_button($button, $form){ return "<button class='fancy_button' id='form_submit_button_{$form["id"]}'>Continue to Payment</button>";</code></pre> but when i tried to do the same for the Next and Previous buttons, [Multi Page buttons ] it didnt work, here is the code i used, <pre><code>add_filter("gform_next_button", "form_next_button", 10, 2); add_filter("gform_previous_button", "form_previous_button", 10, 2);</code></pre> <pre><code>// filter the Gravity Forms button type add_filter("gform_next_button", "gform_next_button", 10, 2); function form_next_button($button, $form){ return "<button class='fancy_button' id='form_next_button_{$form["id"]}'>Next</button>"; } // filter the Gravity Forms button type add_filter("gform_previous_button", "gform_previous_button", 10, 2); function form_previous_button($button, $form){ return "<button class='fancy_button' id='form_previous_button_{$form["id"]}'>Previous</button>";</code></pre> Help me :)