lightbox for form

Im using gravity forms, but it would be the sme question with contactform7.  I'm wondering if there is built-in functionality to add a form shortcode to a pop-up prettyphoto style jquery box.  I want to hit a button, and have it open the form in a lightbox.  Whats the best way to accomplish this?  Also, how can we add back the "x" in any lightbox popup (photo, vid, etc) to close the window?  I know you can just click off it to close it but we've found that to not be intuitive to everyone.

Thanks,

Chris

Comments

  • Hi Chris,

    we have tested CF7 with popup and it works fine. Just wrap cf7 shortcode into popup shortcode to get what you need.
  • Hi guys (and gals),

    I tried to implement the pop up form like you said here:

    the first button under the microtel logo, "contact us with your room demands", is a button shortcode that just links to a page with the form on it.  This page's form works correctly, and has ajax enabled for form submission.

    the second button, gForm popup test, pops open a lightbox with the form in it, but it doesn't work properly. For starters I cant change the color of the button or add an icon like the button shortcode to the popup shortcode. I like the look of the button better. (I also couldn't find documentation on the shortcode variables for "popup".)   Also, in the lightboxed form, the date pickers do not work, and also the form doesn't submit correctly.

    The very weird thing is that in the be theme footer options, I added a gravity form shortcode to the contact envelope icon section.  This form looks correct and also submits correctly with Ajax to get the submission confirmation message.  The forms are only going to me so you can send test forms from the envelope in the footer, or either form (pop up or page form).

    My guess is that the popup shortcode is conflicting with the gforms jquery but I really dont know.  Any help would be greatly appreciated.  You also have admin access to my site still through a message from yesterday.

    Thanks,

    Chris
  • When you say gForm you mean Gravity Forms? Because if this is what you mean, then unfortunately those forms won't work with our theme. Plugin's author did not allowed to test his plugin with our theme so it can't be compatible.
  • What other forms do you suggest instead, then?
    thank you
  • We did not tested any so we can't suggestion anything. Sorry!
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.