https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window Gravity Support Forums Topic: Form in Modal (Lightbox) Window? en-US Fri, 17 Apr 2026 08:06: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-modal-lightbox-window#post-4741 Thu, 15 Apr 2010 22:35:01 +0000 eddiejanzer 4741@https://legacy.forums.gravityhelp.com/ <p>thats great, thanks, </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-4739 Thu, 15 Apr 2010 17:23:00 +0000 Kevin Flahaut 4739@https://legacy.forums.gravityhelp.com/ <p>You should be able to validate by replacing the ampersand with the encoded character "&amp; amp;" (no space). You'll also need to move your H3 tag outside of the anchor.</p> <p>The code keeps displaying incorrectly here, so you can see the valid markup below.</p> <p><a href="http://pastie.org/922082" rel="nofollow">markup - <a href="http://pastie.org/922082" rel="nofollow">http://pastie.org/922082</a></a></p> <p><a href="http://grab.by/3MWc" rel="nofollow">validator screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-4737 Thu, 15 Apr 2010 16:22:38 +0000 eddiejanzer 4737@https://legacy.forums.gravityhelp.com/ <p><code>&lt;a href=&quot;http://www.domain.com/modal-popup-iframe/?pagetitle=modal form test&amp;url=http://wp1.domain.com/modaltest&quot; class=&quot;iframeFancybox1&quot;&gt;&lt;h3&gt;launch iframed form in modal window&lt;/h3&gt;&lt;/a&gt;</code></p> <p>I'm back! the code above works, but the &amp; before url= creates errors for xhtml strict. I am using it anyway but is there any way around this? </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-2278 Mon, 21 Dec 2009 09:33:50 +0000 Kevin Flahaut 2278@https://legacy.forums.gravityhelp.com/ <p>Wonderful. Thanks again. </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-2275 Mon, 21 Dec 2009 01:59:47 +0000 eddiejanzer 2275@https://legacy.forums.gravityhelp.com/ <p>By the way, the URL <a href="http://black/" rel="nofollow">http://black/</a> is from my local setup, using Mamp (why you won't find it on the web) </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-2274 Mon, 21 Dec 2009 01:58:11 +0000 eddiejanzer 2274@https://legacy.forums.gravityhelp.com/ <p><a href="http://blog.moskis.net/downloads/plugins/fancybox-for-wordpress/" rel="nofollow">http://blog.moskis.net/downloads/plugins/fancybox-for-wordpress/</a><br /> Plugin I used. Below is the code I used in a single template. Used a graphic instead of text as the link to the form<br /> <code>&lt;a href=&quot;http://black/popup//?pagetitle=&lt;?php the_title(); ?&gt;&quot; class=&quot;fancybox iframe&quot;&gt;&lt;img src=&quot;&lt;?php echo get_stylesheet_directory_uri(); ?&gt;/images/email.png&quot; alt=&quot;inquire about this item&quot;/&gt;&lt;/a&gt;</code> </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-2272 Sun, 20 Dec 2009 23:38:01 +0000 Kevin Flahaut 2272@https://legacy.forums.gravityhelp.com/ <p>Awesome news. I'm glad that helped out. Thanks for the update. Could you post the link to the fancybox plugin you used for other people to use? </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-2271 Sun, 20 Dec 2009 22:41:15 +0000 eddiejanzer 2271@https://legacy.forums.gravityhelp.com/ <p>This has worked out great. And I'm getting some insight into using hidden fields. Does just what I need, thanks. Ended up using a plugin, fancybox for wordpress. I'm using it for my galleries, and the form here, xhtml strict, no errors. Could not be more pleased. </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-2266 Sun, 20 Dec 2009 17:04:51 +0000 eddiejanzer 2266@https://legacy.forums.gravityhelp.com/ <p>I will work with this, thanks for the great support. There is so much to learn just with gravityforms, its a powerful tool. </p> https://legacy.forums.gravityhelp.com/topic/form-in-modal-lightbox-window#post-2265 Sun, 20 Dec 2009 13:12:27 +0000 Kevin Flahaut 2265@https://legacy.forums.gravityhelp.com/ <p>You can still use the query string parameters to pass information to the form. You just need to configure the fields to be populated dynamically (under advanced tab for each field).</p> <p><a href="http://grab.by/1j1e" rel="nofollow">settings screenshot</a></p> <p>Once you've done that, you simply pass whatever information you want in the link to the iframed form page.. example:</p> <pre><code>&lt;a href=&quot;http://www.domain.com/modal-popup-iframe/?pagetitle=modal form test&amp;url=http://wp1.domain.com/modaltest&quot; class=&quot;iframeFancybox1&quot;&gt;&lt;h3&gt;launch iframed form in modal window&lt;/h3&gt;&lt;/a&gt;</code></pre> <p>and you end up with something like this.</p> <p><a href="http://grab.by/1j1q" rel="nofollow">pre-populated form screenshot</a></p> <p>Of course, you may want to pass the information to hidden fields instead of what I've done here, but the concept is the same. </p>