- CapitalPromotionsAsked on January 24, 2014 at 04:22 PM
I am finding that the blank gutter space around individual fields is too much. How can I shrink this in order that I can move items closer togehter?
- JotForm SupportBDAVIDAnswered on January 24, 2014 at 04:55 PM
- CapitalPromotionsAnswered on January 27, 2014 at 12:19 PM
Thank you for your response. This is not what I was looking for, however. The problem is that I want the overall form to take up less space on the page it is being placed into. Therefore I am hoping to move entire elements closer together.
So in the screenshot you posted above, as an example, I would want to move "E-mail" (and its accompanying text box), upward closer to almost touching the words "First Name" and "Last Name".
- JotForm Supportashwin_dAnswered on January 27, 2014 at 12:47 PM
Thank you for clarification on your requirement.
To reduce the spaces between the form rows, you should actually reduce the "Question spacing" property of your form which can be found under the "Field Style" tab of form's preferences. Please check the screenshot below:
Hope this answers your question.
Do get back to us if you have any questions.
- CapitalPromotionsAnswered on January 27, 2014 at 12:58 PM
Yes, that is what I was looking for! Thank you.
I see that adusts the vertical spacing - can I also make the same adjustment between items horizontally?
- JotForm SupportNeilVicenteAnswered on January 27, 2014 at 01:06 PM
Customizing horizontal spacing has to be worked on a per-field basis.
Which particular field on what form you're working on do you want the horizontal spacing to be reduced?
- CapitalPromotionsAnswered on January 27, 2014 at 01:15 PM
I see.. well we just have the one form so far "File Upload Form", and I would want to reduce the horizontal spacing between all fields if possible!
- JotForm SupportNeilVicenteAnswered on January 27, 2014 at 01:34 PM
Inject these CSS codes to your form to reduce the amount of spaces between them:
padding-left: 10px !important;
padding-right: 10px !important;
Here's a guide on how to inject those codes to your form:
- CapitalPromotionsAnswered on January 27, 2014 at 01:36 PM
Perfect!! Thank you everyone for your help :)