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! Gravity Forms Wrapper Has Display:None

  1. David Garden
    Member

    Two of my largest forms have disappeared due to display:none being written inline on the gform wrapper.

    Am not quite sure what to do as smaller forms on the site (such as in the sidebar) seem to function fine.

    The web pages having issues are here:
    http://marsdenpark.acc.edu.au/enrolment/enrol-now/
    http://marsdenpark.acc.edu.au/employment/employment-application/

    Thanks for any help!

    Posted 6 years ago on Friday June 29, 2012 | Permalink
  2. These forms are using conditional logic, and the "display:none" you are seeing is how the conditional portions of the form are hidden. When you have a JavaScript or jQuery error on your page, the form will never be unhidden because the "display:none" is never changed.

    The first thing to do is try the form in the preview. Does it work there?

    Then, start looking for a theme or plugin conflict by following these steps:
    http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict

    Additionally, depending on how you embedded the form in the page, you might need to enqueue your own scripts (but I don't think that is your problem.)

    Posted 6 years ago on Friday June 29, 2012 | Permalink
  3. David Garden
    Member

    Thanks Chris.

    I can preview each of the forms. I guess I'll have to check it against the plugins now.

    Posted 6 years ago on Friday June 29, 2012 | Permalink
  4. David Garden
    Member

    Even with all other plugins deactivated and Gravity Forms activated it still will not display!?

    Posted 6 years ago on Friday June 29, 2012 | Permalink
  5. David Garden
    Member

    I've created a jQuery statement that overwrites the display setting. Not ideal.

    $('div#gform_wrapper_5').css('display', 'block');

    Posted 6 years ago on Friday June 29, 2012 | Permalink
  6. That's not ideal and not a good way of doing it. Have you tried activating the Twenty Eleven theme to see if there is a conflict with something in the theme, not a plugin?

    Posted 6 years ago on Friday June 29, 2012 | Permalink
  7. David Garden
    Member

    Hi Chris, sadly the problem has cropped up on another form of our website too, and I've had to apply the jQuery css to it too.

    I'm using StudioPress Nitrous theme and have been using that for quite some time without any problems.

    Posted 6 years ago on Friday July 13, 2012 | Permalink
  8. If it works in the form preview but not the embedded form in the page or post, it's likely due to a theme or plugin conflict. You said it did not work with all the plugins disabled. So it's likely something in the theme. Have you tried the twenty eleven theme to see if the form works there?

    Is it possible you customized the Nitrous child theme at some point?

    I could not look at a broken form because you have applied the jQuery CSS fix. Can you put up a simple test form with conditional logic that will not display so we can take a look? Thank you.

    Posted 6 years ago on Friday July 13, 2012 | Permalink
  9. David Garden
    Member

    The problem continues to occur on new forms. Here's the process of what happened in our latest disappearing form debacle:

    1. New form was created and then embedded into a page.
    2. Form was working fine.
    3. Another admin staff member logged in and applied an edit to the same form (they decided to add a textbox field with conditional logic and move it somewhere besides the default bottom on the form).
    4. When they clicked on the "update form" button the form broke and the dreaded "display:none" was applied. Rendering the form unusable.
    5. jQuery was applied (again) to remove the "display:none" feature.

    Posted 6 years ago on Tuesday October 30, 2012 | Permalink
  10. David Garden
    Member

    It appears I'm getting an error on the form with the textbox that was added which contains the conditional logic (to enable the conditional logic click on the last tick box labelled "Parent Choice Award"). The conditional logic works when in Preview.

    The console error being returned is the following : Uncaught TypeError: Cannot read property '7' of undefined conditional_logic.js:21

    The new form can be accessed here: http://southlands.acc.edu.au/2012-distance-education-pace-awards/

    Thank you

    Posted 6 years ago on Tuesday October 30, 2012 | Permalink
  11. I access the new form, but it worked for me. Have you applied your jQuery fix there? I saw this after submission "Thank you for submitting your award request."

    When the form remains hidden, it's generally due to a jQuery or JavaScript error or conlict (with jQuery version or multiple jQuery being included), as I explained previously. I could not see an error on this page, but this form appeared to work for me as well.

    If you can put a form online and leave it broken, we should be able to spot the error.

    Posted 6 years ago on Wednesday October 31, 2012 | Permalink
  12. David Garden
    Member

    Thanks Chris, but did you tick the last box labelled "Parent Choice Award"?

    I opened up a new incognito window in Chrome and still received the console error:

    Uncaught TypeError: Cannot read property '7' of undefined conditional_logic.js:21

    When the "Parent Choice Award" is selected another textbox should appear underneath labelled "Awarded to:", did you see this as we can't?

    Posted 6 years ago on Wednesday October 31, 2012 | Permalink
  13. Sorry, I did not the first time around. I did it this time and got the same error as you. Looks like you are including jQuery at least twice in the page. one of the times in the footer. This one needs to go for Gravity Forms conditional logic to work:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script

    This one in the head section is what Gravity Forms needs:

    <script type='text/javascript' src='http://southlands.acc.edu.au/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
    Posted 6 years ago on Wednesday October 31, 2012 | Permalink
  14. David Garden
    Member

    Thank you, the form now works.

    Posted 6 years ago on Wednesday October 31, 2012 | Permalink
  15. Thank you for the update.

    Posted 6 years ago on Thursday November 1, 2012 | Permalink

This topic has been resolved and has been closed to new replies.