Un-necessary space at top of form

  • jmaples
    Asked on October 30, 2015 at 5: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.

  • Sammy
    Replied on October 31, 2015 at 2: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.

    Un necessary space at top of form Image 1 Screenshot 30

    Un necessary space at top of form Image 2 Screenshot 41

     

  • Gabriel
    Replied on October 31, 2015 at 3: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. 

  • Sammy
    Replied on October 31, 2015 at 4: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.

     

  • Sammy
    Replied on October 31, 2015 at 4: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.

  • Gabriel
    Replied on October 31, 2015 at 5: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 😉

  • Sammy
    Replied on October 31, 2015 at 6:46 AM

    Thank you Gabriel, I appreciate your feedback.

    I have notified our developers regarding this consideration.