- ReenaChohanAsked 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?
- EliezerNAnswered on November 12, 2013 at 10:48 AM
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.
- ReenaChohanAnswered on November 12, 2013 at 10:52 AM
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?
- pinoytechAnswered on November 12, 2013 at 11:34 AM
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.
- ReenaChohanAnswered on November 12, 2013 at 11:35 AM
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
- JotForm Supportardy0689Answered on November 12, 2013 at 12:17 PM
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