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

    How do you reduce the height of a form collapse?

    Asked by 1stGreenDeal on November 11, 2014 at 02:10 PM
    form collapse form collapse height reduce collapse reduce height
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on November 11, 2014 at 03: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)

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

     

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