What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
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.
Help with spacing issue between Inventory widgetsAsked by clarkschool on May 04, 2016 at 03:09 PM
Can you please help me figure out how to decrease the amount of space between the two Inventory widgets in my form (see arrow in pic)? I've tried looking at Developer Tools, but I can't find the code for the space between the two widgets.
inventory widgets uploads height
I didn't realize this until after, but this is a problem throughout the form, not just between those two widgets. I tried to change "Question Spacing" in Preferences/Field Styles, but that didn't do anything. I wonder if there's some code that I can't identify overriding the field styles change?
Nevermind about that--I figured out how to remove the padding between questions and now I'm back to my initial issue of reducing the space between the widgets! Thanks!
Thank you for the updates and I am glad to hear that you were able to resolve the issue with spacing fields yourself :)
Now to get the 2 widgets one closer to the other, you can add the following CSS to your form:
It is good to note however that the same will only work as it does as long as the two widgets are in the same relation to one another.
What this means is that if you are moving one on the form, you should move the other with it, otherwise other form fields might be too close to them.
This is the link to where you can see more about embedding the CSS code to your form: Inject Custom CSS Codes
Do let us know how it goes and if you happen to have any questions about the same.
Thank you, that code did the trick! I get your point about keeping them relative to each other.
Thanks again for your outstanding response time and excellent customer service!
Great to hear that :)
You are welcome and thank you for a nice feedback :)
Ooooh this is going to be helpful to me as well, I think. Thank you so much!!!
@sloughbottom If you end up having trouble getting the spacing in your own form how you'd like, if you wouldn't mind creating a new thread letting us know the form you are working on and the fields you would like adjust, we will be happy to help.