Reducing vertical spacing of form fields

  • soclub
    Asked on May 1, 2015 at 1:25 AM
  • AaronSiciliano
    Replied on May 1, 2015 at 9:56 AM

    Hello, soclub,


    Vertical spacing inbetween elements and text can be configured in the Designer of the form under the Line Layout tab.

    Reducing vertical spacing of form fields Image 1 Screenshot 30

     

    Reducing vertical spacing of form fields Image 2 Screenshot 41

    Line spacing and vertical padding control the space between text and elements. 

     

    I hope this helps you. If you were asking about how to eliminate the padding around the form that is different steps and I would be happy to help you with that too if that is the case.

     

    Thanks, Aaron

  • Jan
    Replied on May 1, 2015 at 9:58 AM

    Hi there,

    In addition to that, you can reduce the spacing for each field by going to "Preferences". Under preferences, go to "Field Styles" tab. On the Question spacing, it represents the padding top, right, bottom and left.

    Reducing vertical spacing of form fields Image 1 Screenshot 20

    You can also try injecting this custom CSS code.

    .form-line {
    padding-top: 6px !important; 
    padding-bottom: 6px !important;
    }

    Here's a guide on how to insert CSS code.

     

    Hope this helps. Thank you.