PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Help with theme conflict?

  1. I have a theme conflict with Gravity Forms that I can not diagnose and am hoping for some help from the forum gurus. My theme is a highly modified Piano Black. The problem is that the form's "Submit" button does not react when clicked. The form works in Twenty-Ten and it also works in Gravity Form's preview mode so it's definitely some sort of theme conflict. I'm stuck. If you have ideas, please let me know. The form can be found at: http://vit-sandbox.com/forms/try-it/. Thanks so much!!

    Posted 12 years ago on Thursday April 5, 2012 | Permalink
  2. I had a tip to update my jquery to 1.7 and also pulled a line from the header.php (<script type="text/javascript" src="/wp-content/themes/vi/js/jscript.js"></script>). It's working now which is great. Lots of testing to do though to make sure that line isn't missed anywhere. If you have tips/insights on this, please let me know... thanks!

    Posted 12 years ago on Friday April 6, 2012 | Permalink
  3. update: the header.php (<script type="text/javascript" src="/wp-content/themes/vi/js/jscript.js"></script>) line drives the drop-down menu functionality so I need it. It needs to be in the header.php (I guess). Can someone please help me figure out what to do so that the Submit button will work on my GF and my drop-down menus will work? Form is at http://vit-sandbox.com/forms/try-it/. Thanks!

    Posted 12 years ago on Friday April 6, 2012 | Permalink
  4. Have you tried placing that script in the footer instead? Not sure if it would make a difference or not. You could always opt to use a different drop down menu script - there are plenty out there to choose from.

    Posted 12 years ago on Friday April 6, 2012 | Permalink
  5. I put it in the footer and the drop down menus worked fine but the GF submit button on my form still does not. Would it be possible for you to take a look for me? If I switch scripts, I need some guidance. This is the last glitch on our new site before we go live... Thanks Rob!

    Posted 12 years ago on Friday April 6, 2012 | Permalink
  6. update: I have tried another drop-down menu but no luck. Can someone please take a look and see if it's possible to solve from the GF side (or help me find conflict in my drop-down menu)? I can provide files or access to the site. The Gform is great but the Submit button will not react. Thanks!

    Posted 12 years ago on Saturday April 7, 2012 | Permalink
  7. I spent a bit of time looking this over and yeah, it's the jscript.js file that's your issue. It's definitely something in the jQuery that's breaking the script that fires the button and applies the logic. I copied your page over and tested for a bit.. it looks like something in this block of script.

    document.getElementsByClassName = function (c, t) {
      t = this.getElementsByTagName(t ? t : "*");
      for (var i = 0, r = new Array(), l = t.length; i < l; i++)
        if (t[i].className == c)
          r[r.length] = t[i];
      return r;
    }

    When I remove that from the script, the button works properly. Of course, the menu doesn't but something there is the root of this problem from what I can tell.

    Posted 12 years ago on Monday April 9, 2012 | Permalink
  8. Thanks Kevin. I really appreciate you digging into it for me. What's strange is that all of my GForms work great except the one with the redirect. Do you think there is something on the gform_redirect script that can change to make it work without breaking the menus? Do you know someone who can help me? Thanks!

    Posted 12 years ago on Tuesday April 10, 2012 | Permalink
  9. Hi Kevin - could the conflict be between my jscript.js and the gform conditional_logic.js and the var i? If so, do you know how I can resolve that?

    from conditional_logic.js

    for(var i=0; i < dependent_fields.length; i++){
            var targetId = fieldId == 0 ? "#gform_submit_button_" + formId : "#field_" + formId + "_" + dependent_fields[i];
    Posted 12 years ago on Wednesday April 11, 2012 | Permalink