- odm111Asked 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:
- SammyAnswered on November 03, 2015 at 03:23 AM
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.
- odm111Answered on November 04, 2015 at 07:10 PM
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.
- odm111Answered on November 04, 2015 at 07:29 PM
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.
- SammyAnswered on November 05, 2015 at 02:19 AM
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.
- odm111Answered on November 05, 2015 at 05:30 PM
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!
- JotForm SupportKevin_GAnswered on November 05, 2015 at 08:51 PM
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.