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.
Bottom section of form including Submit button keeps disappearingAsked by odm111 on November 02, 2015 at 07:55 PM
Hi there, the bottom section of my form https://form.jotform.co/52902806728864 including the submit button keeps being cut off when filling in the form embedded in a Wordpress page. This occurs in both Google Chrome and IE browsers. If I clear my cache, or re-embed the form in my Wordpress site, the problem disappears but then reappears again a little while later. This is a show stopper as it takes several minutes for a client to complete one of these forms and they won't become repeat customers if this has to be sorted regularly. Can you please advise what needs to be done? I really want to use this form - I love the upload preview feature. Thanks.
This shows the submit button and the final field obscured:
This is what it should look like, and did a little while ago:
I checked the page on my chrome browser and also encountered the issue you are facing, the form is cut off from the checkbox.
The issue is caused by the missing form URL in the src attribute of the iframe
<iframe onload="window.parent.scrollTo(0,0)" src="https://form.jotform.co/form/52902806728864" allowtransparency="true" frameborder="0" name="52902806728864" id="52902806728864" style="width: 100%; border: none; height: 6056px; min-height: 300px;" scrolling="no"></iframe>
kindly re-embedd your form and ensure the src attribute has the form URL in it, this should resolve the issue in the affected browsers
Let us know of the outcome on your end.
Thanks Sammy. Unfortunately that didn't work. Now most of the form is cut-off, only the first few fields show (see below or www.downrightbrilliant.co.nz/test).
The form is now embedded in an iFrame (previously I only used the source code). This is a Wordpress site if that helps. I see height:514px has been set. Does this need changing? Thanks.
Update: I've changed the iFrame code as follows:
This works as a stop gap solution but is there a way to make the height automatically detected for different browsers/screen sizes? I see the scrollbar only appears if necessary but it looks messy having two scrollbars on the screen; would prefer a way for the form/page height to be auto-detected if possible please.
Our developers have already implemented a feature that automatically resizes the iframe based on the page and form height.
I have tested the URL on my browsers, both Chrome and Firefox and the form now appears fully without cutting off or showing of the scroll-bars.
The height is automatically increased from 6100 to 6500 to cater for the appearance of scroll-bars, you can set you iframe height to 6300px then turn off the scrolling.
Also, have you tried using the platform specific embedding for WordPress? Try this to see if it will resolve your issue.
Thanks Sammy. WordPress.org was the way I originally embedded the form. I have now removed the iFrame and used this method again. The problem seems to have been resolved. Thank you SO much!!! I don't think I've come across such a super helpful company before. You guys rock!
We are glad to know that the workaround provided by our collegue Sammy has worked and now your issue is solved, we are here to help you.
If you need more help, feel free to contact us.