https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax Gravity Support Forums Topic: Loading Gravity Forms dynamically with ajax en-US Sat, 04 Apr 2026 08:03:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-102421 Thu, 13 Dec 2012 21:54:26 +0000 Andy 102421@https://legacy.forums.gravityhelp.com/ <p>Paddleboot, could you please explain the below further?</p> <p>After saving, you can fire an AJAX call (using WP's AJAX implementation) for this page's url (i.e. example.org/my-ajax-form/). </p> <p>many thanks,<br /> Andy </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-88464 Wed, 07 Nov 2012 14:36:27 +0000 paddelboot 88464@https://legacy.forums.gravityhelp.com/ <p>I have only found one workaround:</p> <p>1. Consider this page template:<br /> `&lt;?php<br /> /**<br /> * Load Gravity forms via AJAX<br /> *<br /> * Template Name: load form<br /> */</p> <p>// Display form<br /> gravity_form( your_form_id, FALSE, TRUE, FALSE, NULL, FALSE );<br /> exit;<br /> ?&gt;`</p> <p>2. In the editor, create a new page using the above template. Let's say you title this page 'My ajax form'. After saving, you can fire an AJAX call (using WP's AJAX implementation) for this page's url (i.e. example.org/my-ajax-form/). This call should return just the form.</p> <p>Let me know if it works for you,</p> <p>Paddelboot </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-87558 Mon, 05 Nov 2012 10:33:17 +0000 Brad Trivers 87558@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> I would also like to call and initialize a Gravity Form via an AJAX request. I only want to load the form and display it on the page/post when the user takes an action (e.g. clicking a link or button).</p> <p>I also took at stab at this by using the standard WordPress ajax functionality, but the form loads like it does in the WP Admin area as you say. For example in my theme's functions.php file I:</p> <p>A) Enqueued and localized the javascript.<br /> B) Created the "ajax" function to load the form that will called by the javascript.</p> <p>see <a href="http://pastebin.com/yUQEKa9k" rel="nofollow">http://pastebin.com/yUQEKa9k</a></p> <p>and then<br /> C) Created the appropriate javascript with the action trigger and ajax call to the form load function.</p> <p>see <a href="http://pastebin.com/fLy4apnJ" rel="nofollow">http://pastebin.com/fLy4apnJ</a></p> <p>Any help would be appreciated.</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-67838 Wed, 25 Jul 2012 06:40:07 +0000 paddelboot 67838@https://legacy.forums.gravityhelp.com/ <p>I am trying the same, and I cannot get past this IS_ADMIN constant either, which means I cannot fire AJAX calls the WordPress way. It might be a niche, still it would be nice to be considered in the Gravity Forms source code. </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-52760 Sun, 18 Mar 2012 03:50:19 +0000 taxbax 52760@https://legacy.forums.gravityhelp.com/ <p>So, I noticed that the action for the form submission was the same as my AJAX query that loaded the page - not good. I couldn't figure out why this was happening so I decided to just fix it. I looked back at past sites using GF and saw that the form action should just be directed at the slug. Within the loop of the AJAX page, I added this jQuery/PHP function:<br /> <pre><code>&lt;?php $root = get_bloginfo(&#39;url&#39;); $action = str_replace($root,&#39;&#39;,get_permalink()); ?&gt; &lt;script&gt; if ($(&#39;form&#39;).is(&#39;*&#39;)) { $(&#39;form&#39;).get(0).setAttribute(&#39;action&#39;, &#39;&lt;?php echo $action ?&gt;&#39;) $(&#39;form&#39;).click(function(e) { e.stopPropagation();})};&lt;/script&gt;</code></pre> <p>This simply gets the permalink, removes the root url, and, if there is a form, inserts it as the form action. I also had a weird issue where anchor tags on page would get activated my clicking on the form, really weird. The stopPropagation function disables that, phew!</p> <p>It works.</p> <p>I have a could things to do to it. </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-52758 Sun, 18 Mar 2012 03:15:13 +0000 taxbax 52758@https://legacy.forums.gravityhelp.com/ <p>Can you please post what you did </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-51017 Thu, 01 Mar 2012 10:50:31 +0000 overit 51017@https://legacy.forums.gravityhelp.com/ <p>Hi All,</p> <p>I actually attempted the same thing recently using self::get_form. The form is displayed, but appears as it would in the admin area with the field titles and options visible and the fields themselves disabled. I believe it's because the IS_ADMIN constant is true when an ajax request is fired from a logged in user ( I'm not sure about logged out users ).</p> <p>In any event, I don't think it's quite possible yet. Anyone else had better luck? </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-49384 Tue, 14 Feb 2012 09:45:30 +0000 jeroenlh 49384@https://legacy.forums.gravityhelp.com/ <p>Hi David,</p> <p>I had a look into the GF code and did some trails, but there seem to be to much javascript (initializing) problems when inserting the GForm into an existing page (using ajax).<br /> Not sure if it is me, or the GF architecture that makes this difficult.</p> <p>For this moment I will park this (wanted) solution and implement it by calling separate dialog pages te 'classic' way. I might give it another try later, when I have some more time. </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-49108 Fri, 10 Feb 2012 22:27:04 +0000 David Smith 49108@https://legacy.forums.gravityhelp.com/ <p>Hi Jeroenlh,</p> <p>Calling and initializing a Gravity Form via an AJAX request is a fairly niche use case for Gravity Forms so there isn't much documentation on the subject. However, a good place to start is the parse_shortcode() function in gravityforms.php. You can see how it pulls the attributes from the shortcode and then uses these attributes to retrieve the form for display. Most notable is the get_form() function:</p> <pre><code>[php] self::get_form($id, $title, $description, false, $field_value_array, $ajax, $tabindex)</code></pre> <p>I can't say for sure what issues you will encounter with this approach but hopefully this will give you a decent start.</p> <p>Good luck! </p> https://legacy.forums.gravityhelp.com/topic/loading-gravity-forms-dynamically-with-ajax#post-48426 Mon, 06 Feb 2012 09:38:05 +0000 jeroenlh 48426@https://legacy.forums.gravityhelp.com/ <p>Is it possible to load GForms dynamically with ajax, e.g. to use in a jQuery modal dialog?</p> <p>I understand and found information/examples for: hiding the form on the page and show it when needed in a modal dialog. Or how to implement a GForm in a jQuery dialog in a iframe.</p> <p>But what I really want is to load the GForm when needed using ajax. </p> <p>The idea is that the visitor can edit, delete, etc. some items on the page and when doing so, an ajax call will get the needed GForm for that action and then show it in a modal dialog.</p> <p>Is this possible with GF?<br /> Is there somewhere more info or documentation about usage like this?</p> <p>Thanx,<br /> Jeroen. </p>