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.
Extra Spaces Code added at bottom for formAsked by choreo on August 18, 2016 at 03:16 AM
Why is this code being added at the bottom:
<input type="hidden" id="simple_spc" name="simple_spc" value="62290733231146" />
document.getElementById("si" + "mple" + "_spc").value = "62290733231146-62290733231146";
Is this doing anything besides adding space at the bottom of the form? Is it safe to just remove it? Not sure what I did inside Jotform that added it?
for JotForm name hidden document
No it will not add additional space at the bottom of the form. It is just a script code and hidden textbox and should not cause any issue.
I did check your webpage and found that you have used your form's full source code to embed your form. I would suggest you to please embed your form using its iFrame embed code and that should solve your problem. If there is any blank space at the form, we will be able to adjust the height of the form. You may like to take a look at the following guide which should help you grab your form's iFrame embed code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code
Sorry it has taken a couple days to get back to this!
In addition to the initial linked page, I have posted another form "test" page to show what happens when I use the iFrame method vs the full embed code. It seems to look fine at full-screen, but when I go to Mobile size, it crops off about the bottom 1/3 of the form (including the SUMMIT button)...
Please ignore my previous post. I have made several changes trying to fix this since then.
I have changed my original page now from the Full Embedded code to the iFrame and now experiencing other issues (but similar): http://www.ciaobellagetawayclub.com/Prototype/Join.html
The form looks fine at full screen, but if I shrink the browser window down to about 630 pixels wide, the form field start to get cropped off and if I continue to shrink the browser width down to about 563 pixels - text, fields and buttons get cropped off and elongated and I get a bunch of white space at the bottom?
FYI - I have another iFrame JotForm on this site and it works fine, but it is a much smaller form:
I will try not to make anymore changes until you have a chance to look at this!
I stand corrected... Apparently I am experiencing a similar problem of the Contact Form above as well - just not as prevalent.
I checked the website and I see what you're referring to, it is adding white space below the form when you shrink the browser.
Then I checked your form and I see that the form itself is responsive as you can see below:
So the problem is apparently in your website's code, which is making it with that extra white space.
Did you try implementing stylesheets for mobile responsiveness for different resolutions?
I found this great guide for that purpose.
If you can try to add it and see how that will work.
Please let us know if the issue persists.