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

    Big white space at the bottom of the form

    Asked by bkp.success on December 10, 2014 at 06:38 AM

    Hi,

    I have added an image and here you can see  my problem (RED AREA).Suddenly a white space appears at bottom of my form. I want to remove it.

    Please help me.

    Thanks in advance....:)

    USED CSS:

     #text_197{

     overflow:auto;

     height:188px;

     width:509px;}

     #text_183{

     overflow:auto;

     height:305px;

     width:600px;}

     .form-all {padding-top:0;} // If I add here .form-all {padding-top:0;padding-bottom:0} then My form looks different //

     a:link{color: #0000FF;text-decoration:none;} a:hover{color: #0000FF;text-decoration:underline;} a:visited{color: #0000FF;text-decoration:none;}

     body, html{background: url('http://www.jotform.com/uploads/bkp.success/form_files/14002.png') repeat-x;height: 102px;}@media print {

     * { display: none; }

     

    I have also tried with this code

    .jotform-form {
    padding: 0px !important;
    }

    but it is not working

     

    Page URL:
    http://www.jotform.me/bkp.success/14

    Screenshot
    white space big white space browser
  • Profile Image
    JotForm Support

    Answered by Jan on December 10, 2014 at 11:34 AM

    Hi,

    I checked your form on my end and there is no big white space at the bottom. I verified it by using Chrome, Firefox and Internet Explorer 11. The form URL you provided is showing properly on my end.

    Have you try checking it with another browser? Does this white space only happens on this page or form?

    Please check other websites and they have white space at the bottom. Please clear your browser's cache as well. Remove any malicious extensions or add-ons on your browser. You can also run a malware scan. I am not yet sure, but it is possible that your computer is infected.

    Hope this helps. Thank you.

  • Profile Image

    Answered by bkp.success on December 10, 2014 at 12:12 PM

    Hi,

    I have cleared all  clear your browser's cach and I also re install my chrome browser. This problem occur only for GOOGLE CHROME. I have tested also other website, but it is normal. I have attached this two image.

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on December 10, 2014 at 02:40 PM

    I'm using Google Chrome 39.0.2171.71 for Windows and I see no problem with that form.

    Form itself has several Text (HTML) fields and you have basically created a webpage using our form builder, which is very genius, BTW. But I'm not sure if convenient.

    I would suggest you to either update your Chrome or use a webpage builder, then insert the forms you got with us on the main one.

  • Profile Image

    Answered by bkp.success on December 10, 2014 at 08:46 PM

    Hi;

    First of all thanks a lot to your team for excellent support and thank you Jeanette for your complement.

    Finally I get the reason for it.

    so, can you inform me is there any way to edit it....

    OR please provide me a CSS code which will protect a jotform from this type of situation for all user who have dap plagin. This same case may occur in case of a normal form when it's height crosses the length of the device screen.

    now I have removed the extension from the chrome I have gotten a perfect webpage as before without any white space.
    but I want to use DAP extension in my chrome. so, Is there any way to do it.

    http://www.jotform.me/bkp.success/14 

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on December 10, 2014 at 10:49 PM

    Hello bkp.success,

    I am not sure if this will work for you but you can try the following custom css code:

    #DAPPlugin {

    display: none;

    }

    Thank you!

  • Profile Image

    Answered by bkp.success on December 10, 2014 at 11:06 PM

    Hi ashwin_d;

    You are just great..........:)

    your provided CSS code is working perfectly.

    THANK YOU VERY MUCH. HAVE A GOOD DAY

  • Profile Image
    JotForm Support

    Answered by ashwin_d on December 11, 2014 at 01:08 AM

    Hello bkp.success,

    You are welcome.

    I'm very pleased that I was able to help you.

    Do get back to us if you have any questions.

    Thank you!