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

    Delete White Space

    Asked by miskiswap on August 31, 2012 at 12:25 PM

    I'm trying to adjust the height of my form using CSS - both 1st and 2nd pages.  They have white space at the bottom of each page.

    I used:

    .form-all {height:1750px; }   Nothing happens.

    I know that ".form-all" makes the change for the entire form.  

     

    Is this because I used iframe?  

    I am not the webmaster.  I would like to be able to make the changes through CSS - height and turn scrolling to auto.

    Is this possible?

     

    Page URL:
    http://www.mi-skiswap.com/OnlineConsignment.html

  • Profile Image

    Answered by ItalyTech on August 31, 2012 at 12:39 PM

    Hi and thanks for contacting us. The space can be reduced by 20px if the following CSS is injected:

    .form-all {
    padding-top: 0;
    }

    Adding a margin-top property with a negative value to the above rule will reduce it further. For example, the second declaration of the following rule will reduce the space by a further 10px, making the total reduction 30px:

    .form-all {
    padding-top: 0;
    margin-top: -10px;
    }

    Please let us know if you need further assistance or in need of further clarification on this matter.

    Alessandro

  • Profile Image

    Answered by miskiswap on September 02, 2012 at 04:46 PM

    I tried  adding both your CSS

    .form-all {
    padding-top: 0;
    margin-top: -10px;
    }

    and

    .form-all {
    padding-top: 0;
    }

    And I also deleted the CSS I added - .form-all {height:1750px; } - with and adding your CSS, but nothing changed.  Is this because I'm using iframe?


  • Profile Image
    JotForm Support

    Answered by jonathan on September 02, 2012 at 05:49 PM

    @miskswap

    Hi, the 'height' was actually in the iframe code. You can manually edit it on the embed code also reduce it as much as possible.

    You can also add the 'nojump' parameter in the iframe src to automatically move the page 'up' when Next button is used.

    Example:

     src="https://www.jotform.com/jsform/1234567890?nojump"

    Please inform us if this does not still work for you.

    Thanks.