https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup Gravity Support Forums Topic: Form in a jQuery Dialog Popup en-US Mon, 20 Apr 2026 01:25:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-69039 Wed, 01 Aug 2012 16:48:19 +0000 Chris Hajer 69039@https://legacy.forums.gravityhelp.com/ <p>Sounds like a good approach. Let us know if you need help with that. We will need to see it online though to be able to help you best. </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-69031 Wed, 01 Aug 2012 16:35:12 +0000 Frankie Jarrett 69031@https://legacy.forums.gravityhelp.com/ <p>Hey Chris, thanks for the reply. Well, I'm working on a local env at the moment, so nothing is accessible.</p> <p>I think I found my problem. I've been trying to utilize a jquery-ui button from outside the <code>&lt;form&gt;</code> element. Just styling the GF submit button how I want it will be easier than trying to integrate an external <code>.submit()</code> event. </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-69027 Wed, 01 Aug 2012 16:27:37 +0000 Chris Hajer 69027@https://legacy.forums.gravityhelp.com/ <p>Frankie, can you post a link to where this is online with your form currently? </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-69004 Wed, 01 Aug 2012 14:56:04 +0000 Frankie Jarrett 69004@https://legacy.forums.gravityhelp.com/ <p>I'm also trying to accomplish this with the jquery-ui dialog. Fancybox is great, but I don't want to use it.</p> <p>I've tried this, but with no luck yet: <a href="http://pastie.org/4373610" rel="nofollow">http://pastie.org/4373610</a></p> <p>Any ideas? </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-43490 Thu, 08 Dec 2011 17:57:19 +0000 David Smith 43490@https://legacy.forums.gravityhelp.com/ <p>Personally, I think FancyBox is a better solution as it was intended to handle a much larger variety of content types. jQuery UI's dialog box seems geared towards smaller amounts of content. </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-43448 Thu, 08 Dec 2011 13:56:58 +0000 mobitinker 43448@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I need to start looking at the front end of my site. I came upon this thread while looking for a way to put a GForm into a modal dialog. Still coming up to speed on jquery and other javascript stuff..</p> <p>I'm curious if this should be possible to do with jquery-ui as the poster asked. Since Wordpress itself includes that plug-in it would seem preferable to use it in apps. I notice GF uses jquery-ui too for configuration. Carl, were you suggesting to look at Fancybox as an example or as a better solution?</p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-5359 Mon, 10 May 2010 13:37:20 +0000 drewbaker 5359@https://legacy.forums.gravityhelp.com/ <p>I was just using a jQuery Dialog box because I didn't want to have to load another script. But FancyBox looks pretty sweet, so I think I'll just do that. Thanks very much Carl! </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-5337 Sun, 09 May 2010 15:35:15 +0000 Carl Hancock 5337@https://legacy.forums.gravityhelp.com/ <p>Any reason you are using jQuery UI Dialog box instead of something like FancyBox? We have a tutorial on how to get Gravity Forms working with FancyBox.</p> <p><a href="http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/" rel="nofollow">http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/</a> </p> https://legacy.forums.gravityhelp.com/topic/form-in-a-jquery-dialog-popup#post-5333 Sat, 08 May 2010 22:40:20 +0000 drewbaker 5333@https://legacy.forums.gravityhelp.com/ <p>Hey Guys,<br /> I'm trying to load a form in a jQuery UI Dialog box using the follow jQuery code. The problem is the form loads, and you can fill it out, but it seems that on form submission, the page will reload and the data was never submitted.</p> <pre><code>jQuery(document).ready(function($) { $(&#39;#submit-photo&#39;).each(function() { var $link = $(this); var $dialog = $(&#39;&lt;div&gt;&lt;/div&gt;&#39;) .load($link.attr(&#39;href&#39;)) .dialog({ autoOpen: false, title: $link.attr(&#39;title&#39;), width: 500, height: 300 }); $link.click(function() { $dialog.dialog(&#39;open&#39;); return false; }); }); });</code></pre> <p>Which is called using this link:</p> <p><code>&lt;a id=&quot;submit-photo&quot; href=&quot;&lt;?php bloginfo(&#39;url&#39;); ?&gt;/parkpage/hotham/submit-photo&quot; title=&quot;Submit Your Mt Hotham Park Photo&quot;&gt;&lt;img src=&quot;&lt;?php bloginfo(&#39;template_directory&#39;); ?&gt;/images/parkpage/camera.png&quot; alt=&quot;Upload Photo&quot; width=&quot;45&quot; height=&quot;50&quot; longdesc=&quot;Upload your own photo.&quot; /&gt;&lt;/a&gt;</code></p> <p>The above links to a page "submit-photo", that contains the form.</p> <p>You can see it in action by going to the following page. Click on the little camera half way down the page to see the form load in a dialog box.<br /> <a href="http://dev.popmag.com.au/blog/parkpage/hotham" rel="nofollow">http://dev.popmag.com.au/blog/parkpage/hotham</a></p> <p>I'm not sure if it's even possible to use a gravity form in a jQuery UI Dialog box, but it would be awesome if it is possible! Thanks. </p>