How to Reduce Vertical Spacing Between Fields

Last Update: May 7, 2017

Sometimes, fitting up your form is necessary for your website design. So for example, our default form field spacing is like this:

... and you might want something like this:


In order to accomplish that, follow these steps:

Step 1 - In the form builder, please click the Form Designer button:

Step 2 - Navigate to Styles tab and change the value of the Question Spacing section. You can set it to your preferred size:

Questions? Post it in the comments box below or post the question to our support forum.


ddfcform (August 15, 2012 at 02:02 PM)

Question spacing now shows
12px 36px 12px 36px
instead of the 3 in the example.

View Answer

Spiegel Yonina (January 21, 2013 at 04:42 PM)

I am trying to reduce the spacing on my form and I don't see how you got to an edit page looking like this. I can edit my form in a table/chart view all in gray-scale or from edit from which only allows me to duplicate or delete a field. If you can please reply and explain how I can get to the Printscreen option you show I would really appreciate it.
Thank you.

View Answer

dave8147 (March 02, 2013 at 07:22 AM)

I have reduced the vertical spacing on my form I think ok but the area to the right and left of the questions when placed on my web site is execcsivly wide for the side bar I cant find a way of reducing the large area around it see thx

View Answer

blampl (April 11, 2013 at 10:12 PM)

Thanks. I reduced it as much as possible. Now is there a way to move the arrow down and a little more to the left. But don't want it right next to the cover image.

View Answer

NotNeeded (July 14, 2013 at 03:34 AM)

I use JotForm and I love it! I am a web designer and use it for many customers as well. However, the image above with the hand-drawn red arrows (are these made in PAINT?) shown above, looks extremely, extremellllly unprofessional. Just sayin'. JotForm is cool, so you should maintain your awesomeness by swapping out that pic sometime with something that looks better. :)

View Answer

retailinsights (March 13, 2014 at 02:20 AM)

i have a problem i am alien text box and select box in 1 row vertically but it is not working can you solve my problem pleas....

View Answer

OneExperience (November 10, 2014 at 12:56 PM)

Thanks........ very thanks!

aclayman93 (January 30, 2015 at 02:05 PM)

I have tried reducing to 1 on my communication authorization form. However, the vertical spacing on the form still seems very wide. Didn't compress it at all. Thanks in advance.

View Answer

RayGazley (February 04, 2015 at 04:00 PM)

Does anyone know how to reduce the space between the frame/start of the form?
When I insert the form into my website the gap between the end of text (HTML on page) and the form pushes it below the fold (or off the screen). People then have to scroll to find it...
I can't work out how to do this bit... any suggestions? Thanks!

View Answer

ghines (May 18, 2015 at 12:17 AM)

No matter what value I place in "Question Spacing" the spacing remains the same.

View Answer

Send Comment