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!
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.)
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?
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.
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.
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.
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
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.
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?
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"></scriptThis 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>Thank you for the update.