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.
Form height issue on embedded formAsked by jrittenhouse on February 07, 2014 at 02:40 PM
I think I've determined the root of the problem, and why our displays have never matched up over the past couple days.
I didn't think it could have to do with the way I have it embedded onto a page, but I think that's what is causing the issue.
Take a look at the URL below on a phone.
I've coppied all formatting preferences you have suggested in our other thread, it looks great if I view the page using the jotform URL, but if I use the URL that I embeded it on use your embed script, the background wants to be wider again.
so sorry if this descrepency on my part has cause all of this trouble.
Thanks for the update on this matter.
If the issue conitnues, kindly try using the iframe code to embed your form, here is how to get the iframe code: Getting the form iframe code
Kindly let us know if the issue still persists.
that creates a large space below, I'm guessing because the height needs to be set before hand and I have hidden fields in my form that show up based on certain responses.
also didn't help the width problem.
In order to fix the width issue on your web page, please add the following meta tag to your html head section:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
And you will get something like this:
I will create a ticket about the height issue, but it is not likely that this can be fixed really fast, as this might be hard to work with due to the web limitations, and our Developers have to work on the most important things first.
It is possible to set an exact height in pixels, to do this you will need to remove a script part that is following the iFrame:
Also, you can set a 'height:100%;', this seems to be working perfectly in mobile Google Chrome and Safari iOS, but might not work right in old android browsers.