Big white space at the bottom of the form

  • Profile Image
    bkp.success
    Asked 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

     

  • Profile Image
    Jan
    Answered 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
    bkp.success
    Answered 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
    Jeanette
    Answered 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
    bkp.success
    Answered 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
    ashwin_d
    Answered 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
    bkp.success
    Answered 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
    ashwin_d
    Answered 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!