Form in Modal (Lightbox) Window?

Dave,
There are a couple of ways you can do this.
1- You could load your form in an iframe (most lightbox type scripts support that) and use the query string to pre-populate the fields. That way, you get the ajax feel without having to write any code

OR

2- You could embed the form to that post and use a hook to pre-populate the fields. That way you don't have to use an iframe. If you would like to go this way, I can come up with a code snippet for you.

Sounds good.
Here is what you need to do:

1- Add the Post Url hidden field to your form
a- Allow it to be populated dynamically (advanced tab)
b- Type "posturl" in the "parameter name" text field

2- Add the following code snippet to your template's function.php file

add_filter("gform_field_value_posturl", "populate_post_url");
function populate_post_url(){
    global $post;
    return get_permalink($post->ID);
}

Good Luck.
Let me know how it goes.

Nicely done!! Looks great!

I downloaded and installed facebox, and had a modal form working in about 5 minutes... this is how.

Some of this might not be necessary for you since you're already using the script, but I'm including it for anyone else who might be interested.

Download facebox, unzip the file and upload the entire folder to your theme directory.

Open the header.php file and include this inside the < head> section.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2"></script>
<script src="<?php bloginfo('template_directory'); ?>/facebox/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox()
});
</script>

(you may have to adjust the file paths depending on your setup)

Open/Create page where you want to include the modal form, go to the content editor and switch to the HTML tab. Then you can add something like this.

<a href="#info" rel="facebox"><h3>launch form in modal window</h3></a>
<!-- begin hidden form -->
<div id="info" style="display:none;">[gravityform id=11 name=1.3Post Form description=false]</div>
<!-- end hidden form -->

Basically, You're hiding the form in a div inline in the page. When the facebox script is triggered, it will display the form in a modal window.

editor screenshot

Of course, you'll want to actually insert your form id/name in place of the form in the example.

Save the page and you should see something like this when you click on the link you created.

modal form screenshot

There are other options of course, but you can refer back to the facebox script page to read up on those.

As a note, most of the modal window scripts will allow you to display a hidden inline div or inline content in very similar fashion. The implementation should be pretty much the same for those other scripts. You can refer to the script documentation for details.

Instead of using the inline div for the form, you could create a very basic page template to include the form on, then call the page as an iframe to load in the facebox window.

<a href="http:\\www.yoursite.com\modalformpage\" rel="facebox">launch form in modal window</a>

When you post the form - since it's an iframe, it should refresh in the modal window and display any errors or the inline confirmation text.

I mentioned facebox because of the earlier example. Most of the modal window scripts I've seen or have used support iframed content so the concept should apply to any of those. Let us know how it goes.

Facebox was probably a bad example for the second implementation. It uses ajax to call remote content rather than an actual iframe. If you try another script like Fancybox that supports actual iframed content, you should have better luck.

Hey guys, sorry I haven't got back around to this. I'll try to get to it tonight and post back here. Thanks for your patience.

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?