Gravity Support Forums Topic: Replace submit button

Gravity Support Forums Topic: Replace submit button https://legacy.forums.gravityhelp.com/topic/replace-submit-button Gravity Support Forums Topic: Replace submit button en-US Mon, 20 Apr 2026 06:02:47 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php David Peralty on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-334833 Thu, 20 Jun 2013 16:04:42 +0000 David Peralty 334833@https://legacy.forums.gravityhelp.com/ <p>ktrusak's solution is probably still going to be the best you get regarding this issue. </p> ktrusak on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-332554 Wed, 19 Jun 2013 16:33:07 +0000 ktrusak 332554@https://legacy.forums.gravityhelp.com/ <p>Hi I just saw your post, were you able to get a result? </p> Keithvaugh on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-250161 Mon, 13 May 2013 05:20:55 +0000 Keithvaugh 250161@https://legacy.forums.gravityhelp.com/ <p>I'd like to implement this myself. I am using a modal in pagelines theme and activating it with: </p> <p>[pl_modal title="E-mail contact form" type="btn" hash="contact" colortype="default" label="Sent email"]<br /> [gravityform id="1" name="Contact "]<br /> [/pl_modal]</p> <p>Ideally what I would like is to move the submit button for the GF form into the modal footer beside the Close button. I tried with the come above, but have not had any luck (changed the gform_submit_button to match my button number. I guess I am unsure of the what the filter does or where it should be added. Tried adding in the custom CSS area of the theme.<br /> All help would be appreciated. </p> Chris Hajer on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-102242 Thu, 13 Dec 2012 13:19:14 +0000 Chris Hajer 102242@https://legacy.forums.gravityhelp.com/ <p>Thank you for posting your solution. I'm sure it will be helpful to someone. </p> ktrusak on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-102241 Thu, 13 Dec 2012 13:16:59 +0000 ktrusak 102241@https://legacy.forums.gravityhelp.com/ <p>I was able to achieve the end result of having the gform submit in the modal footer. For anyone who uses Twitter Bootstrap, this may be helpful. I spliced the html from the modal into a submit button filter.</p> <p>A normal modal would look like this:</p> <pre><code><div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel" style="text-align: center;">Learn More</h3> </div> <div class="modal-body"> Stuff </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> </div> </div></code></pre> <p>but by making it this when using gforms, you can insert the gform submit into the modal footer:</p> <pre><code><div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel" style="text-align: center;">Contact Us</h3> </div> <div class="modal-body"> <?php echo do_shortcode('[gravityform id="9" name="Contact Support" title="false" description="false"]'); ?> </div></code></pre> <p>and adding a filter to the submit button:</p> <pre><code>add_filter("gform_submit_button_9", "form_submit_button", 10, 2); function form_submit_button($button, $form){ return " </div> <div class='modal-footer'> <button class='button' id='gform_submit_button_9'>Submit</button><button class='btn' data-dismiss='modal' aria-hidden='true' style='margin-right: 10px'>Close</button> </div>"; }</code></pre> <p>This way the modal functions as it was design to. A demo can be seen on hookahi.com, there is a 'Message Us' link in the footer. </p> Chris Hajer on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-102119 Thu, 13 Dec 2012 09:21:31 +0000 Chris Hajer 102119@https://legacy.forums.gravityhelp.com/ <p>Let us know if you work something out. </p> ktrusak on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-101247 Tue, 11 Dec 2012 10:27:35 +0000 ktrusak 101247@https://legacy.forums.gravityhelp.com/ <p>Thanks for the reply, </p> <p>In that case I suppose I could try to do it the other way around, and insert the html from the footer around the submit button. </p> Chris Hajer on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-101111 Tue, 11 Dec 2012 01:52:03 +0000 Chris Hajer 101111@https://legacy.forums.gravityhelp.com/ <p>I don't know of any way to put the Gravity Forms submit button outside of Gravity Forms. </p> ktrusak on "Replace submit button" https://legacy.forums.gravityhelp.com/topic/replace-submit-button#post-100389 Sat, 08 Dec 2012 21:03:10 +0000 ktrusak 100389@https://legacy.forums.gravityhelp.com/ <p>Is there someway to move/displace the submit button?</p> <p>I have some forms that are inside the twitter bootstrap modal, and am trying to move the submit button to the footer of the modal. Example at hookahi.com ,if you go to the bottom of the page and click "Contact Us" it pops up.</p> <p>I tried the approach here: <a href="http://www.gravityhelp.com/forums/topic/submit-button-placement-below-a-specific-field" rel="nofollow">http://www.gravityhelp.com/forums/topic/submit-button-placement-below-a-specific-field</a> , but realized since it is not within the <form></form> tags it does really work haha. Here is the code for the modal too: <a href="http://pastie.org/5500454" rel="nofollow">http://pastie.org/5500454</a>. I also tried a pretty crude hack with the gform_submit_button filter, and wrapping the footer divs around the button, but that didn't work. Any ideas? </p>