My submit button is being cut off...

Hello There,

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?

Many thanks!

David Brands

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. 

Example:

<iframe id="JotFormIFrame" onDISABLEDload="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.

Hi BJoanna,

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?

Thank you!

David Brands

Actually,

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.

Bingo!!!

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.

Regards