WordPress.org

1. sweetangst
   Member
   Posted 3 months ago #

   Has anyone been successful in integrating forms from either Contact Form 7 or cformsII into a modal window?

   I already know about the Simple Modal Contact Form plugin and I don't really want to use it because I want the client to be able edit the form with one of the aforementioned form plugins... but I can't seem to get them to work correctly with any of the lightboxes.

   I set up a cformsII form as inline content and was able to make a modal using shadowbox-js, BUT the form didn't actually let me enter anything into the fields after it opened up. I'm sure it's just all javascript mumbo jumbo... and I've never been a javascript guru...

   I don't really expect anybody to just flat out tell me how to do this, but I'd really appreciate a link to a tutorial or something if one exists. I've tried googling but with very little success and the only mention of it on the cforms site forum was pretty useless because the guy just said "go learn about jquery" and that's just too broad to be helpful.

2. blackbookdesign
   Member
   Posted 3 months ago #

   I am trying to incorporate contact form 7 into a modal window as well.
   I am using colorbox as modal.
   Calling the form as inline. It shows up and then I can enter the text.
   But when submitting it's like it gets lost and doesn't do anything but come back to teh initial state.

   I am just starting to troubleshoot this. I'll let you know if I can help you/find my answers....

   cheers

3. sweetangst
   Member
   Posted 2 months ago #

   bump

4. emartin24
   Member
   Posted 2 months ago #

   What about puting the form in a hidden div, and then using SimpleModal (the jQuery plugin, not the WP contact form plugin) to display the contact form?

   [signature moderated Please read the Forum Rules]

5. aminabbasian
   Member
   Posted 2 months ago #

   the SimpleModal idea worked perfectly for my site

   However as I have also use a mootools plugin (Featured Content Gallery) I had to use the jQuery.noConflict http://docs.jquery.com/Using_jQuery_with_Other_Libraries to allow both scripts to work.

   Hope this helps.

Reply

You must log in to post.