What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
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.
Submit Button HiddenAsked by grampers on February 08, 2014 at 03:29 PM
Some time ago I created a form which, at the time, worked. I set it up so that on submit it sent my POST data to a custom page for processing, and then redirected to a confirmation page ( as suggested by ardy0689 in this support ticket - http://www.jotform.com/answers/282763-Send-Post-Method-PHP-File-is-attached-to-Custom-Thank-You-Message )
I haven't used the form for some time, and I believe when I build it I must have set a condition to not show the Submit button unless specific form data was completed. On recent attempted use, the Submit button wasn't showing up, I was unable to locate any condition relating to the Submit button, and so I deleted the existing Submit button and inserted a new one.
Now, although the new Submit button shows up on the edit page (as did the original one), it is not visible on the Preview Page so I assume the problem may be that the condition I set up is still limiting its visibility. To search for the condition I have: selected the Setup & Embed tab, then Conditions, and with the 'show;hide a form field' selected, clicked 'Saved Conditions'. There is no condition relating to the Submit button.
Can you please advise how I can get my Submit button back? Thanks in advance.
I checked your form https://www.jotform.com/32904981866871 -- there is no condition rules that hides the submit button.
The submit button is not seen on live or preview of the form because of the "end collapse field" that has hidden & closed settings. When the collapse field is set like this, the fields below it will be hidden -- unless there is a trigger like condtion that will change the status of the collapse to "open".
You can correct this by either changing that "end form collapse" status to "open", and add condition "show". This will make submit button visible in the form if condition is met.
Hope this help. Inform us if you need further assistance.
Thanks for checking it out, and the info.
I tried changing "end form collapse" status to "open", but couldn't see
the Submit button. Then I also tried changing visibility from hidden to
visible, but still no Submit button shows up in Preview mode. I'm not sure
what you meant by "and add condition "show"" ?
I apologize for not seeing it sooner, but it seems it is not only the "End form collapse" that is causing the hidden fields.
There are other existing collapse field in the form that have wrong setting. You should not set the status to "closed" for "hidden" collapse fields. Because there is now way to show the contents or "open" contents when collapse is hidden.
Look for all the hidden visibility collapse fields in your form and set them to "open" status.
Please try this and test again. Inform us if issue persist.
Before trying it, I should let you know that all of the collapsable areas
were opening and closing exactly as they were supposed to, with the
existing settings. If I change all the settings as you have suggested, how
will that affect the form?
On Sat, Feb 8, 2014 at 5:13 PM, JotForm Support Forum
I would suggest to add a pagebreak underneath of the submit button. Like so:
This is my example form: http://form.jotformpro.com/form/40390408566961
In any case, I would suggest to clone your form to maintain a backup, in case too many changes are made to the form.
Pardon me butting in here.
I am using collapses in the same way as the original poster. In all cases I have the collapse initially set to "hidden" and "closed". I then have rules which show or hide collapse sections according to the selection in a radio box or the setting of a checkbox. In all cases the sections open and close correctly, and the collapse fields themselves remain invisible. So far it works perfectly. It looks from this thread that it might stop working one day.
I want the collapse fields themselves to be hidden, because if shown they simply waste screen space.
So if what I am doing does not officially work, how should one set up sections which are invisible initially, but then appear and disappear according to rules, without ever showing the collapse fields themselves?
Thank you for the feedback.
We sincerely apologize for this inconvinience.
Using a combination of page breaks and collapsible sections breaks your form as shown below(That's right before the submit button), and I have submitted this to our developers to take a look:
We will update this thread as soon as the issue (using page breaks and collapse sections together) is deliberated.
To reveal the submit button making your form functional (for now at least) - delete your page breaks:
Thank you for your patience.
Please let us know how we can assist further.
Thanks for the message below. I was not the original poster in this thread. I hope that your email has gone to the original poster too so that they know of this suggestion.
Best wishes, John
To fix this, you need to add a page break at the bottom of the form. Then simply hide the Next and Back buttons. This should fix your form's problem. And then simply hide the parts that are showing using CSS injection.
Ideally, you should only choose either the form collapse or the page break. This is because if you're using both at a single form, the two would end up conflicting. This is why the case on this thread happens.
Please let us know if you need further assistance on this matter.