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.


  • Profile Image

    Help with spacing issue between Inventory widgets

    Asked by clarkschool on May 04, 2016 at 03:09 PM

    Hi there, 

    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.

    Thank you!

     

     

    Page URL:
    https://form.jotform.com/61195704977164

    inventory widgets uploads height
  • Profile Image

    Answered by clarkschool on May 04, 2016 at 03:35 PM

    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!

  • Profile Image

    Answered by Ben on May 04, 2016 at 04:48 PM

    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:

    #id_29 {
        margin-bottom: 0;
    }
    #id_31 {
        margin-top: 0;
    }

    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.

  • Profile Image

    Answered by clarkschool on May 04, 2016 at 05:00 PM

    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!

  • Profile Image

    Answered by Ben on May 04, 2016 at 05:06 PM

    Great to hear that :)

    You are welcome and thank you for a nice feedback :)

  • Profile Image

    Answered by sloughbottom on July 25, 2016 at 12:53 PM

    Ooooh this is going to be helpful to me as well, I think. Thank you so much!!!

  • Profile Image
    JotForm Support

    Answered by david on July 25, 2016 at 01:11 PM

    @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.