How to Reduce Vertical Spacing Between Fields

Last Update: May 14, 2016

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:

1. While in the form builder, click the "Preferences" button



2. Navigate to the "Form Styles" tab and change the value to the "Question Spacing" section. As shown below, the spacing is reduced to 1 from 12 (default spacing):



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


10 Comments...


   
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 www.justicesecurity.co.uk 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