How do you reduce the height of a form collapse?

  • 1stGreenDeal
    Asked on November 11, 2014 at 2:10 PM
  • Jeanette JotForm Support
    Replied on November 11, 2014 at 3:52 PM

    You mean to reduce the height just like on this form?

    You can do that by inserting this Custom CSS code (which is the one used in my example)

    .form-header-group {
    padding: 3% 0!important;
    margin: 5%!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

     

    However, the easiest way is by using our new Form Designer Tool

    Using the form designer is simple:

    -. While having your form opened on Edit mode, click the Form Designer Icon on the Form Style toolbar. (Pictured below)

    .How do you reduce the height of a form collapse? Image 1 Screenshot 30
     
     
    Then  Select the Collapse you want to reduce and you'll get the styles attributes in the right side bar. You can play with the Vertical padding and other properties, such as Horizontal Padding,  Vertical Margin, etc.

    How do you reduce the height of a form collapse? Image 2 Screenshot 41

     

    Please give that a try and do let us know should you have more questions.