How can I reduce the amount of space between form collapse bars

  • Profile Image
    peeryapts
    Asked on August 12, 2014 at 03:35 PM

    Hello-

    I made my form using the Pastel template. Is there any way to reduce the amount of space between form collapse bars?  see the attached screenshot

  • Profile Image
    Mike_T
    Answered on August 12, 2014 at 04:50 PM

    Thank you for contacting us.

    In this case, we can try to inject the following custom CSS to the form:

    .form-section-closed {
    height: 50px !important;
    }

    It will reduce the height of closed collapse bars.

    Please feel free to contact us if you need any further assistance.

  • Profile Image
    peeryapts
    Answered on August 12, 2014 at 10:50 PM

    Thanks for the advice. Although it addressed the spacing issue, the form's operation has now lost its fluidity when opening and closing the different sections. The sections now slam open and jump to the top, rather than with the smooth glide it used to have. Did I do something wrong?

    I have a number of forms on my site which are all based on the Pastel theme, but none of the other forms are experiencing this problem. Just this one that I reduced the spacing on

  • Profile Image
    TitusN
    Answered on August 13, 2014 at 07:26 AM

    Hello,

    The CSS used to reduce the space affects the visual layout, but not the script that resizes the default closed height of the sections to 60px - so when the script is resizing the section - it defaults to first to 60 before it opens/closes - hence the jittery reaction. 

    The only way I can think of around this is if you downloaded the form source code and hosted the form source on your website as shown below (this will need a little web-development knowledge): 

    The source code will help you edit the JavaScript responsible for resizing the form section.

    To find it, Unzip the directory onto your server, and open the js folder, open jotform.js with a text editor and go to line 5361, and line 5370 and change the height from 60 to 50. After the changes - the form would work like this.

    I know its a little technical, but I hope that helps. 

    As an added measure, I have sent a feature request to our developers to consider making the form section closed height as configurable from the form builder.