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.
My submit button is being cut off...Asked by DavidBrands on August 30, 2015 at 01:13 PM
Hoping you can help.
the submit button at the end of my form is being cut off.
The general recommendation here is to use iframes, but that won't work for the layout of my page. I have an image that follows the form, and the form uses show/hide rules that impact the vertical height form. The image that follows needs to float after it.
Also, though the error seems to be consistent now, for a while it was only being cut off in Safari, but appearing correctly in Chrome and Firefox. The only action I took to break it again in Chrome and Firefox was to log in to Wordpress.
Do you have a suggestion?
(Private)Answered by BJoanna on August 31, 2015 at 04:36 AM
We recommend using of iFrame, because that way you can avoid script conflicts between scripts from your form and your website.
I would suggest you to use iFrame code and change scrolling from no to auto. That way your form will be scrollable and your image will float after your form.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41005822499152" frameborder="0" style="width: 100%; height: 1000px; border: none;" scrolling="auto"></iframe>
Hope this will help. Let us know if you need further assistance.
Thank you for your suggestion, however an iframe doesn't meet the responsive requirements of our site. And it doesn't allow any content to follow the form without there being a lot of white-space.
I've seen others encounter this issue. I'm no programmer, but is there no way to handle this in the script itself?
I just figured out a work-around.
The problem appeared to be with the script not drawing the submit button completely. So I eliminated the need for the script to do so.
I formatted the Submit button as I like, then take a screen-clipping of that button.
Save it as a small png file on my webserver.
Edit the properties of the button in Jotform to use an image as a button and provide the URL to my saved screen clipping.
Now the button appears without having to use an iframe.
That's great to know and thank you for sharing us the workaround here.
Please contact us again if we can help in any way.