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.

display:none in div around form hides all of my forms

  1. I updated to version 1.6.4.5 and now I get display:none on all of my forms, they were previously working.

    Here is an example of one of the divs around the form.

    <div class="gf_browser_safari gform_wrapper" id="gform_wrapper_2" style="display:none">

    I've tried turning all plugins off and the CSS is still like that.

    Please advise what is wrong?

    Peter

    Posted 12 years ago on Wednesday June 13, 2012 | Permalink
  2. Peter, this means there is a JavaScript error somewhere on the page which is preventing the JavaScript from loading on the page which is why the display:none is there and actually not displaying. Even when the JavaScript works, the display:none is still there, but the JavaScript enables it. This is most likely coming from your theme. Have you tried switching to the Twenty Eleven theme or even previewing the form in the formbuilder preview? Also, do you have a link to your form?

    Posted 12 years ago on Wednesday June 13, 2012 | Permalink
  3. Hi Rob.
    Ok I've tried going over to twenty 11 and yeah the forms now show up.

    I've disabled all the plugins that run on the site but still can't see a Javascript error anywhere.

    The URL is http://www.listermason.com.au/contact-us/

    Is there anything obvious you can see there that I'm missing?

    Peter

    Posted 12 years ago on Thursday June 14, 2012 | Permalink
  4. Peter, found your problem.

    Check out this screenshot. At the very bottom of your page just before the closing body tag you have a reference to a very old version of jQuery placed. This is what is causing your form not to show up. Up above in the head, you have a reference to a current version, this is correct. So you will need to remove that old reference in the footer.

    Posted 12 years ago on Thursday June 14, 2012 | Permalink
  5. Rob. Many thanks for taking the time to look at this.

    Will remove the old one now and see how I go

    Cheers.

    Peter

    Posted 12 years ago on Wednesday June 20, 2012 | Permalink
  6. Desmond
    Member

    I'm having a similar problem with our draft form http://69.89.31.242/~timbero8/SRCS/wp_srcs/register/

    But how do I figure out which plugin (line 65) is calling the old version of javascript?

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  7. David Peralty

    scdesmond - it is most likely hard coded into the header.php file in your theme. Otherwise, you'll have to turn plugins off until you find the offending one.

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  8. I am having a similar issue, however, the form shows up fine and is working. But the confirmation text does not appear, it has a disaply:none on the containter div.

    jquery is loading only once ( I am pretty sure). Here is a link to the form http://bit.ly/KyOSmG

    It is a multi-page form and also has the mailchimp integration with it.

    Posted 12 years ago on Thursday June 21, 2012 | Permalink
  9. Desmond
    Member

    I solved this by disabling all my plugins and then enabling each one-by-one. I didn't "catch" one in particular, so perhaps the act of disabling/enabling corrected it.

    Posted 12 years ago on Tuesday June 26, 2012 | Permalink