Changing the height of an embedded form

The problem: The form is too (short/long) for the content.

A solution: Copy the form iframe's embed code. Here is how to do that. In the code, remove the inline height rule (height:395px) and, in the Javascript, remove the switch which uses the arbitrary screen size to generate height:

case "setHeight":
            iframe.style.height = args[1] + "px";
            break; 

Now, you can put the height rules in your stylesheet by referencing the iframe's complete id, ie.: iframe#JotFormIFrame-xxxxxxxxxxx {height: 13800px;}

You can also experiment with media queries.

Thanks for sharing the solution. If you are experiencing any issue with your forms, please share the web page URL where the form is embedded so that we can take a look and assist you further.

Thanks!