WordPress.org

Forums

Easy FancyBox
[resolved] Possible conflict with contact form 7 (4 posts)

  1. madguy000
    Member
    Posted 4 years ago #

    I used CF7 in a page here - http://stg.qontext.com/next-steps/inquire/
    and the same form as well (scroll down to the end of the page)via the easy fancybox effect - http://stg.qontext.com/products/overview/social-collaboration-platform/

    CF7 works as expected in the first instance, but the ajax effect for form validation does not work in the second instance. Can you help me figure out what the reason may be? I need to understand if the lightbox effect causes the ajax to be disabled.

  2. RavanH
    Member
    Plugin Author

    Posted 4 years ago #

    Hi Mad,

    Nice idea, that form in a FancyBox overlay! :)

    I tested submitting the form in the overlay and it seems to work... At least: after first submitting it without any fields filled, it came back with the message which fields I should fill before re-submitting and after I filled those, submitting the form resulted in a 'Your message was sent successfully. Thanks.' message... I had to scroll down for it but it does seem to be working correctly. But as you say, without javascript effects on submit/validation.

    So I tried submitting straight from http://stg.qontext.com/next-steps/inquire/inquire-form/ and noticed the js effects are not working there either. So it seems to be unrelated to the FancyBox frame.

    Comparing the sources of http://stg.qontext.com/next-steps/inquire/inquire-form/ and http://stg.qontext.com/next-steps/inquire/ I see the first one (stand-alone form page) is missing it's footer.php which results in missing contact form 7 javascript:

    <script type='text/javascript' src='http://stg.qontext.com/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52'></script>
    <script type='text/javascript' src='http://stg.qontext.com/wp-content/plugins/contact-form-7/scripts.js?ver=2.4.3'></script>

    So either include foother.php or include a wp_footer(); PHP call or place at least this code in the header (and don't forget to close the source with </body></html>)

  3. madguy000
    Member
    Posted 4 years ago #

    damn. ur a genius. i should have caught that. i'm tweeting about you right now. thanks!!

  4. danbo
    Member
    Posted 3 years ago #

    Hi Guys,

    I seem to be having a similar problem, I have a conflict between Ajax Event Calendar and Easy FancyBox. When both plugins are enable, the frontend display for the calendar and the widget lose functionality and the calendar month view is gone.

    Here is the comment thread with the author of Ajax Event Calendar, who was unable to find a solution.

    A link to the site is here.

    No other issues have been found, contact form seems ok as well.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic