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.
How can I change the width and height size of my form?Asked by ReenaChohan on November 12, 2013 at 08:56 AM
I need to create a form which has a width of 198px and a height of 208px. I can adjust the width but not the height. How can I change the height?
Thanks for contacting us.
That is no way to change the height size from the form builder as it will change accordint to the number if fields you add to the form. However, you change the widht and height size to the desired one at the same time by insertuing CSS code. Please insert the next CSS code to your form:
That will make the width to 198px and the height to 208px. Please follow the next guide to know how to insert CSS codes to your form: How to Inject custom CSS codes
Please let us know if you need further assistance or kindly open a new thread to make unrelated questions.
Thanks for using Jotform.
Many thanks for this!
Will this also change the iframe code?, i.e. the new width and height will be reflected in the iframe code?
Yes, that would automatically reflect on your form's iFrame code that you have embedded into your website.
Feel free to contact us again if you need further assistance.
The changes have not been reflected in my iframe code. I am also tried to shift my submit button up higher but this is also not working.
My form is http://form.jotform.co/form/33153550868862
Thanks for the reply.
In order to accomplish that you need to insert the Custom CSS code what my colleague EliezerN has posted.
In order to adjust the submit button's margin please add this as well:
Please refer to this user guide on How to Inject custom CSS codes.
You may use this iFrame embed code. I already adjusted the sizes.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//support.jotform.com/form/33153550868862" frameborder="0" style="width:198px; height:208px; border:none;" scrolling="no"></iframe>
Please let us know if the above suggestions has worked on your end. Thank you