JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Form Embedded Using Wordpress Plugin does not correctly display or hides Text Fields with conditionsAsked by eumodel on January 25, 2015 at 04:15 AM
I have some pretty complex forms that have conditions that will determine whether certain information is displayed depending on the selections from the rest of the forms.
It seems that I'm having some problems with this at the moment as I have used the JotForm integration for my WordPress site that is recommended here but the hidden content is pretty much always displayed unless you refresh the page.
The problem for me is that this can prevent the submission of the form!
E.g. There might be some gender specific questions in which the answers are (*) required.
If the gender selected does not require that specific question, obviously the person will not be able to answer it.. the problem is, the form will not submit until the box is populated.
Examples of this can be found in every form that I integrate onto my site. You can use this form as an example:
The problem is the "Package" drop down box which will then display some text below depending on the package type. You will notice that on the first visit, all packages are displayed but on refresh, they work correctly.
In addition, and the bigger problem is the "Promo Code" box which is required. This will not allow you to complete the form unless it is filled but it shouldn't be displayed unless the "Promo Code" checkbox is ticked.
The problem will always occur the first time that somebody visits the page, in a new browser, upon emptying cache and also if any modifications are performed to the form, the issue will replicate.
If you need additional information or other examples, I will be happy to provide.
I see what you mean. The jotform at its own address (http://form.jotformeu.com/form/43074616688363) works fine on the initial page load though. So, it's definitely something connected with the way its code is embedded in your web page. When you say you're using the recommended WordPress integration, to which of these were you referring? Or did you mean one of these?
While I'm awaiting your response, you could try removing ?redirect=1 from the end of the src attribute in the embedded form code, so that
Hi and thanks for your reply! I'm pleased that you were able to simulate the issue also.
As for the type of Plugin being used, it's the Ertugrul Emre Ertekin plugin.
The actual embedding of the form is done in the form of a "Shortcode" which is generated by the plugin:
Therefore I'm not sure I have much control over the src code that you mentioned to modify.
You might ask why I'm using a plugin in the first place and the reason for this is because I tend to update my forms occasionally and it's a small hassle to have to update the code on the websites also. In addition to this, I have had some incompatibilities or layout problems when doing this also.
Actually, I managed to remove the redirect from the end of the URL but issue still exists.
What I can state is that the creator of that plugin, Ertuğrul, is our Chief Technology Officer and I'm sure he would be able to pinpoint the cause of the problem. However, if resolution of this is urgent, it may be best to remove the plugin and use our Form Generator for WordPress app instead, as recommended in this guide.
Please let us know if replacing the plugin solves the problem.
Okay. Well it would be great if you could raise the issue with Ertugrul and hopefully it will be a relatively straight forwards fix.
I would be keen to know if it is resolved and if you have any idea approximately how long it might be.
I was able to replicate the problem also. But it seems that it is not a fixed problem but probably a conflict on how the page reads the script codes, specially the hidden function on conditions. May I know if you changed plugins? Are you now using this one http://apps.jotform.com/app/form_generator_for_wordpress or is it still this one http://apps.jotform.com/app/wordpress_embed_form?
Here's a screenshot of your link viewed in the Firefox browser, I wasn't able to replicate this on Chrome. So I think it's isolated on Firefox and Safari.
I'll escalate this to our developers or probably to Ertuğrul so that he can take a closer look at this. I'm unable to provide a specific time frame because this will be handled by a different team, but we'll update you immediately when we hear any news.
I use this plugin: http://apps.jotform.com/app/form_generator_for_wordpress and still have problems with conditional fields showing when they shouldn't.
Error occurs in Chrome, IE and Firefox. The form at its Jotform address appears to work fine.
Has anyone found a solution to this problem yet?
I created a separate thread for your inquiry. I did that so we cam assist you properly.
This is the URL of the new thread: http://www.jotform.com/answers/533091
Thank you for understanding.
Hi Charlie, As an update to this issue.. something has changed as now they are not displaying at all.. Any form that I visit has it's conditions removed and displays all messages.
I have actually received complaints from my customers who are trying to book the services on my website but are failing because "conditions" are not met when in fact those forms shouldn't even be displayed.
Can someone help?
Apologies for the troubles you are having. Upon checking your website, it does load prematurely in my end.
I also noticed that the problem regarding the text fields with conditions are still not displaying and hiding correctly. I've checked the status of the ticket report about this, it has already been assigned to a developer and already working on it, unfortunately, it seems like the problem has not yet been resolved as its status remains "open" but is marked as "Important".
I would like to suggest that you try embedding the form using the iFrame embed code, here's how you can get the iFrame, and see if it is working in your end. Also, try disabling or deactivating the embed plugins when using the iFrame code. Here's the guide on how to get iFrame: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code
See if it changes anything.
Okay, that's fine.. I hope you guys manage something soon..
The problem I face is that the website and form is responsive and an iFrame breaks that compatibility, plus, the iFrame doesn't respond to the dynamic size of the form it would seem..
Do you have any idea how to make it dynamic?
Have you tried adding the custom iFrame code? You can try setting up the style within it, as long as the form is already responsive and same with the website, the form should still adjust even using the iFrame, although, I'm not sure of it.
You could try something like this:
<iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformpro.com/form/43373322351952" frameborder="0" style="width:100%; min-height:400x !important; border:none;" scrolling="no"></iframe>
Remove the <script> tag and the onload function. Change the height attribute to min-height. See if the iFrame should adjust dynamically or if there are excess spaces.
Unfortunately that kills it entirely. It only loads a tiny portion of the form, not scrollable (as set in the HTML) but does not adjust at all
JotForm Support Manager
I can see the iFrame is not an option anymore. At any rate, this ticket is already assigned to a developer, hopefully he'll get back to you with an update.
I really hope so... otherwise I'm going to have to look for other options.. shame because I really know my way around JotForm already and it works well for me.
Glad to hear that JotForm works very well for you. Our developer will let you know once an update or a solution is available. Thank you for your patience.
I am having exactly the same issue, is there any word from support?
I've been waiting for months..also the "lightbox" format is causing me problems too.. I'm getting blank fields where they are usually required but the rules are not coming into affect.. I've gravitated away from using JotForm for now and I've only using it for backend stuff. It's now 4 months on and nothing seems to be getting done.
I'm sorry, but rest assured that the problem is not taken for granted and still currently assigned to our developer.
You can use the iframe method for now and enable responsive mode to it by following our instructions from this guide: http://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive.
You can also try using our oEmbed plugin: https://wordpress.org/plugins/jotform-oembed/.
As for the lightbox format problem, will check it, but I have moved it to a new thread. Here's the link: http://www.jotform.com/answers/546671.