Gravity Support Forums Topic: Multi-Page form question

Gravity Support Forums Topic: Multi-Page form question https://legacy.forums.gravityhelp.com/topic/multi-page-form-question Gravity Support Forums Topic: Multi-Page form question en-US Sat, 04 Apr 2026 11:05:23 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php joshuakons on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-47715 Sun, 29 Jan 2012 19:34:21 +0000 joshuakons 47715@https://legacy.forums.gravityhelp.com/ I am trying to insert this snippet of code to prevent AJAX from breaking my Cufon fonts when I use multi-form pages. I have tried everything, but cannot figure out where to insert this code or how to make it function. I have inserted it directly in header.php in several locations to no avail. Can someone help me with this? The code I am trying to insert is below: <script type="text/javascript"> 2 jQuery(document).ready(function(){ 3 4 jQuery(document).bind('gform_page_loaded', function(){ 5 Cufon.refresh('h1,h2,h3,h4,h5,h6'); 6 }); 7 8 }) 9 </script> johnmce on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-21231 Wed, 23 Mar 2011 18:51:38 +0000 johnmce 21231@https://legacy.forums.gravityhelp.com/ Hi guys I'm trying to get Analytics setup on multi-page forms as described by idealists. Can anyone share the exact code I need to use and where I need to put it? (assuming its roughly that simple!) Thanks:-) John David Smith on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-16883 Sun, 23 Jan 2011 09:18:03 +0000 David Smith 16883@https://legacy.forums.gravityhelp.com/ Hi Idealist, I had actually intended to provide you this snippet as well which shows you the parameters available to this hook and how to retrieve them: <pre><code><script type="text/javascript"> jQuery(document).bind('gform_page_loaded', function(event, form_id, current_page){ // code to be trigger when next/previous page is loaded }); </script></code></pre> idealists on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-16882 Sun, 23 Jan 2011 08:52:15 +0000 idealists 16882@https://legacy.forums.gravityhelp.com/ Thanks for your reply, With that jQuery Hook is there any way of knowing what page (step) number in the multi-page form you are in? This is required for the funnel URLs. Eg, like what I had with the jQuery hack: var funnel_url="/applications/loan-form?step="+(i+1); _gaq.push(['_trackPageview',funnel_url]); Many thanks again!! David Smith on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-16852 Sat, 22 Jan 2011 10:12:46 +0000 David Smith 16852@https://legacy.forums.gravityhelp.com/ Hi Idealist, the javascript hooks is gform_page_loaded and here is an example of it used to refresh Cufon fonts: <pre><code><script type="text/javascript"> jQuery(document).ready(function(){ jQuery(document).bind('gform_page_loaded', function(){ Cufon.refresh('h1,h2,h3,h4,h5,h6'); }); }) </script></code></pre> In regards to the expected release of 1.5, we're busy wrapping up the last details of the plugin so it will be coming soon. Can't put a time frame on soon, but soon. :) idealists on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-16840 Sat, 22 Jan 2011 07:08:19 +0000 idealists 16840@https://legacy.forums.gravityhelp.com/ Thanks David for taking your time to answer my questions. Can you point me in the direction of that hook that you refer too? Also when do you expect the stable release for 1.5 to be released APPROX? Next few days, next few weeks, next few months :) David Smith on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-16685 Thu, 20 Jan 2011 11:27:36 +0000 David Smith 16685@https://legacy.forums.gravityhelp.com/ 1) There is an ajax option; however, I'm not sure that you will ever get it quite as instant as the single form, jquery option you shared. Each page has to be processed as it is submitted in order to handle validation in a simple and smooth fashion, to provide for conditional page logic, and some other features as well. 2) Yes, you can update the text for the next/prev buttons: <a href="http://grab.by/8ueo" rel="nofollow">http://grab.by/8ueo</a> 3) Yes, you can style it similarly: <a href="http://grab.by/8ufy" rel="nofollow">http://grab.by/8ufy</a> 4) There is a javascript hook that you can use when a new page is loaded which you could use to tie in this same GA code. idealists on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-16674 Thu, 20 Jan 2011 08:48:03 +0000 idealists 16674@https://legacy.forums.gravityhelp.com/ Oh, and one more question: 4) Can this new integration for multipage forms work along with Google analytics, so when you traverse from page to page in a multi-page form, so that it records the page view in Google analytics. The URL in the hack version I mentioned in the previous post had a static URL no matter what step you were in, which meant you couldn't do goal/funnels in Analytics properly. However, I was able to add some javascript code to that hack which triggered pageviews being recorded in Analytics. Eg: function selectStep(i) { var funnel_url="/applications/loan-form?step="+(i+1); _gaq.push(['_trackPageview',funnel_url]); } Hope that makes sense. idealists on "Multi-Page form question" https://legacy.forums.gravityhelp.com/topic/multi-page-form-question#post-16673 Thu, 20 Jan 2011 08:25:58 +0000 idealists 16673@https://legacy.forums.gravityhelp.com/ Hi I have used the hack for jQuery form hack for multi page forms that was posted on here much earlier (<a href="http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx)" rel="nofollow">http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx)</a>. It split a regular form with javascript into a multi page form. I was fairly happy with the way that worked, except for it being a "hack". I was very happy to see multi page integration into the latest version of gravityforms. I have yet to get it installed as my development PC is being repaired. A few questions I have. 1) I played with the example multi-page form (<a href="http://www.rocketgenius.com/gravity-forms-1-5-multi-page-form-preview/)" rel="nofollow">http://www.rocketgenius.com/gravity-forms-1-5-multi-page-form-preview/)</a>. It seems that after each page "Continue to Next Page" that it does some processing (back to the server) before proceeding to the next page. I was hoping for a solution that held off from doing all server-side processing until it got past the final step "Submit this application" (illusion of being faster experience for the user). This would be similar to the jQuery hack I mention above. Is this possible with the inbuilt solution? 2) Can we change the wording of the buttons? "Continue to Next Page" to "Next >" etc 3) Can we change the style of the process bar? I really liked the way the hack did it: <a href="http://www.jankoatwarpspeed.com/examples/webform_to_wizard/" rel="nofollow">http://www.jankoatwarpspeed.com/examples/webform_to_wizard/</a> (click the link "Click here to turn this webform into a wizrd.") Step 1Account information Step 2Company information Step 3Billing information Also at the top of each "page", it indicates what Step you are up to, in big letters. I hope these are all possible as I would really love to move away from the hack. Many thanks! great work.