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

    How to Remove Extra White Space Above and Below Form?

    Asked by kungo on July 13, 2012 at 07:31 PM

    Hello -

    I see this issue has been addressed before (here: http://www.jotform.com/answers/28719-Height-Problems)
     -- but the solution does not address my particular issue. I am using the iFrame code.

    Please go here to see the extra white space above and below form (looks the same in Chrome and IE9):

     http://aenys.com/ttt.html

    Thank you for anything you can suggest.

    Page URL:
    http://aenys.com/ttt.html

  • Profile Image
    JotForm Support

    Answered by jonathan on July 13, 2012 at 08:13 PM

    Hi,

    I check your web page using the chrome debugger. It seems that the white spaces on top/bottom have something to do with the way the TD class height where the form was contained.

    Please see images below for explanation of details...

    The TD class "auto-style11" have setup height of 675px

    While the form iframe height only have 669px

     

    If you can find way to adjust the td aut-style11 class height closer to that of the form iframe height, perhaps the white spaces on top/bottom will be minimized.

    Please inform us if further assistance is needed.

    Thanks.

  • Profile Image

    Answered by kungo on July 13, 2012 at 08:57 PM

    jonathan - Thank you very much for the time you put into answering my question..

    However, when I reduced the height size (669px) it reduced the height of the form (and I lost the
    submit and clear buttons) so I put it back to the original height. It did nothing to reduce the white space above and below form.

    Perhaps I'm not understanding you? 

  • Profile Image
    JotForm Support

    Answered by jonathan on July 13, 2012 at 09:21 PM

    You did it correctly.

    Perhaps modifying the TD height is not the solution...

    Are you able to upload screenshot on this post? I want to see how the white-spaces actually look in your end.

    This is how it looks on my end

    using IE, are the arrow indicated white spaces that needs to be removed?

    and using Firefox, the button wraps up...

     

    You can try have a screenshot using your browser, then upload the image here. Get the link and post here so we can both check...

    Will await your update.

    Thanks.

  • Profile Image

    Answered by kungo on July 13, 2012 at 09:29 PM

     jonathan,  the screenshot you've shown  looks identical to what I see on my end -- both in Chrome and IE9.

    Thank you for telling me about the buttons wrapping in Firefox. 

     

  • Profile Image
    JotForm Support

    Answered by jonathan on July 13, 2012 at 10:57 PM

    Please try to clone this form. And embed it in your website using the iframe code. Please inform us of the results.. It was suppose to fix the Firefox issue and minimize the white spaces..

    I tested it also here

    Thanks.

  • Profile Image

    Answered by kungo on July 14, 2012 at 11:19 AM

    jonathan, it WORKED!!! You've been fantastic!  Thank you very much. Jotform is going to get many good references from me.

  • Profile Image

    Answered by jeanettebmz on July 14, 2012 at 11:23 AM

    In behalf of my colleague Jonathan, you are welcome! Feel free to contact us again anytime if you need our assistance.

    Thank you and have a great day!

  • Profile Image

    Answered by kungo on July 14, 2012 at 01:35 PM

    I'm sorry -- just one last thing if I may. I had tested your version of my webpage with form,
    and it works and looks great.

    I know how to clone forms within the Jotform dashboard, but don't know how to clone it in the form you sent to me, as a separate web page, outside of Jotform. Please advise.

    This will be my final request. I apologize if I'm pushing it. 

  • Profile Image

    Answered by pinoytech on July 14, 2012 at 01:39 PM

    You can use this user guide article to clone a form.

    http://www.jotform.com/help/28-How-to-Clone-a-Form-from-a-Web-Page

    Feel free to contact us again if you need further assistance.

    Have a great day!

  • Profile Image
    JotForm Support

    Answered by jonathan on July 15, 2012 at 05:38 AM

    @kungo

    Hi, I thought I should make a detail steps how to get the modified form into your website page.

    1. Copy this form URL http://www.jotform.me/form/21948548660464

    2. Open this guide How-to-clone-an-existing-form-from-a-URL and follow the steps. Jut paste the URL you copied from step 1.

    3. Check the form (i.e. alert email, thank you page)

    4 Save the form

    5. Copy the iframe code of the form and embed it in your website page.

    Check your website page.

    Please inform us if you need further assistance.

    Thanks.

  • Profile Image

    Answered by kungo on July 15, 2012 at 10:03 AM

    Thank you for the follow-up jonathan -- I had already done as you suggest, yesterday (Saturday).

    But it ended up looking like it did before, with the white space.

    So I copied the source code from the example page you'd made of my website, deleted the
    form code, and pasted in the new cloned code -- and the form looked great,  just like you'd made it before.

    As always, I very much apprectiate your responses, and the great Jotform service.

  • Profile Image

    Answered by pinoytech on July 15, 2012 at 10:07 AM

    Hi,

    On behalf of my colleague Jonathan, you are welcome! If you need our assistance again, please don't hesitate to contact us again at anytime.

    Have a great day!