Help with spacing issue between Inventory widgets

  • clarkschool
    Asked on May 4, 2016 at 3: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!

    Help with spacing issue between Inventory widgets Image 1 Screenshot 20 

     

  • clarkschool
    Replied on May 4, 2016 at 3: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!

  • Ben
    Replied on May 4, 2016 at 4: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.

  • clarkschool
    Replied on May 4, 2016 at 5: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!

  • Ben
    Replied on May 4, 2016 at 5:06 PM

    Great to hear that :)

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

  • sloughbottom
    Replied 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!!!

  • David JotForm Support
    Replied on July 25, 2016 at 1: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.