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.
How can I reduce the amount of space between form collapse barsAsked by peeryapts on August 12, 2014 at 03:35 PM
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
Thank you for contacting us.
In this case, we can try to inject the following custom CSS to the form:
height: 50px !important;
It will reduce the height of closed collapse bars.
Please feel free to contact us if you need any further assistance.
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
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):
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.