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

    Un-necessary space at top of form

    Asked by jmaples on October 30, 2015 at 05:22 PM

    I notice that on my completed forms, there is about 2 inches of space above my form.  I want the form to be close to the top of the web page.  Can I accomplish this with some type of setting change or something?  I've tried about everything I can think of, but still there is this wasted space at the top of the form.

    This is a problem on many of my forms, except some where I used a logo.  But if I don't want to use a logo, I still do not want the margin at the top of the form to be wasted area.

    Page URL:
    http://www.jotformpro.com/jmaples/CheckViolationNotice

    top space at top My Forms problem Web page
  • Profile Image

    Answered by Sammy on October 31, 2015 at 02:46 AM

    You can use the following CSS to minimize the top spacing in your form.

    .form-all {
        margin-top: -120px;
    }
    You can adjust the margin value to your preferences.

    use the form designer to apply the CSS as highlighted in the screenshot below.

     

  • Profile Image

    Answered by Gabriel  on October 31, 2015 at 03:41 AM

    Hi Sammy. 

    Just a thought.

    I noticed that the extra-white-space-on-top is a recurring theme among all JotForm users. Is it possible to make the form margin & padding script be made into a permanent solution by including it in the default css? That way, there will be less tickets opened for this issue and more focus will be given to tickets needing more attention. 

  • Profile Image

    Answered by Sammy on October 31, 2015 at 04:47 AM

    Hello Gabriel,

    Thank you for your suggestion, I will leave a note to our team for consideration regarding adding the margin padding as a default to the main CSS.

     

  • Profile Image

    Answered by Sammy on October 31, 2015 at 04:49 AM

    I did check the default CSS and it appears this is already catered for, its only that the values are quite large hence the reason for the extra space on top.

  • Profile Image

    Answered by Gabriel  on October 31, 2015 at 05:31 AM

    ... its only that the values are quite large hence the reason for the extra space on top.

    Exactly the reason why the css script you provided (zero or very minimal blank space on top) should be made a permanent solution in the form designer css 😉

  • Profile Image

    Answered by Sammy on October 31, 2015 at 06:46 AM

    Thank you Gabriel, I appreciate your feedback.

    I have notified our developers regarding this consideration.