mojoPortal Tips: Making a Form Pop Up a Lightbox with Form Wizard Pro

Last Updated on Thursday, 13 December 2012 12:00 Written by Carole Bennett Thursday, 13 December 2012 12:00

Recently, I worked on a project for a client who had a special request for custom functionality on their site. Instead of using the standard newsletter e-mail capture, they wanted an additional form that would present in a lightbox after the user entered their e-mail and clicked “submit” for the first form. I did it, using a custom form handler and some jQuery – this is how.

I started by creating the first custom form that mimic’d the standard newsletter e-mail capture format, then implemented a custom submission handler, as described here: “Implementing A Custom Form Submission Handler”. Fairly straightforward, up to the point where I had to sort out how to enable the second form to pop up in the lightbox. It’s easy enough when you’re calling a link from a page: just add the “cblink” class to your link. It’s a bit trickier when you’re leveraging a form submission, so I got a bit more creative.