Help with spacing issue between Inventory widgets

  • Profile Image
    clarkschool
    Asked 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!

     

     

  • Profile Image
    clarkschool
    Answered 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
    Ben
    Answered 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
    clarkschool
    Answered 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
    Ben
    Answered on May 04, 2016 at 05:06 PM

    Great to hear that :)

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

  • Profile Image
    sloughbottom
    Answered 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
    david
    Answered 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.