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 can I reduce the frame height of my form?

    Asked by Ksenia on November 11, 2014 at 04:52 PM
    2) The frame height is too much, can I make it smaller?
    reduce iframe iframe height
  • Profile Image

    Answered by raul on November 11, 2014 at 06:08 PM

    Please try to inject the following CSS code to your form:

    .cont {
    display: none !important;
    }

    .form-all {
    padding: 0 !important;
    }

    Please let us know if this helps.
    Thank you.

  • Profile Image

    Answered by Icli on November 24, 2014 at 11:01 AM

    Unfortunately it doesn't help. I mean, how to reduce everything which is above label fields. There appears a scroll because of it: 

  • Profile Image

    Answered by raul on November 24, 2014 at 11:26 AM

    Is your form embedded in a website? If so, could you please share the URL of your website with us? I don't see a scrollbar when I see your form using its direct URL

    Thanks.

  • Profile Image

    Answered by Icli on November 24, 2014 at 11:40 AM

    Well, I'm sure the reson is the top-margin. Look, when I edit site, the form has too much space above: 

     

    And when I'm pulling down the top line, I get this: 

     

    Here's the website, if it is important:

     

    http://allmailksu.wix.com/venue3

     

    Thank you!

  • Profile Image

    Answered by Icli on November 24, 2014 at 11:41 AM

    By the way, in the headpicture I also have the form - but it simply disappears :(

  • Profile Image

    Answered by raul on November 24, 2014 at 12:06 PM

    Please try to re-embed your form using the iframe code as mentioned in this guide: https://www.jotform.com/help/70-Adding-a-form-to-Wix-Site

    Also, please try to inject the CSS code I suggested here as it will reduce the top space on your form.

    Let us know if this helps.
    Thanks.

  • Profile Image

    Answered by raul on November 24, 2014 at 12:09 PM

    By the way, the screenshot I added in my last post was to show you that the reason why you see a scrollbar on your site is because of the height that it's been set up by Wix is high.

    If you use the iframe code, you can control that value and make it smaller to hide the scrollbar.

  • Profile Image

    Answered by Icli on November 25, 2014 at 02:20 PM

    I did both, but unfortunately it doesn't help 

  • Profile Image
    JotForm Support

    Answered by david on November 25, 2014 at 04:17 PM

    Hi,

    You can manually adjust the height of the iframe in the embed code.  The embed code for your wix page should look something like this:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.com/form/32580474878164" frameborder="0" style="width:100%; height:2689px; border:none;" scrolling="no"></iframe>

    Adjust the portion that contains the height, will adjust the height of the embedded iFrame.

    Let us know if this still does not resolve your issue and we will be happy to have another look.

  • Profile Image

    Answered by Icli on November 26, 2014 at 04:07 AM

    yes, that's what I did: 

     

     

    still nothing changes =(

  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 26, 2014 at 08:44 AM

    Hello lclli,

    Please use the following iFrame embed code of your form to embed it in your web page and see if that helps you:

    <iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformeu.com/form/43266590938365" frameborder="0" style="width:100%; height:126px !important; max-height:126px !important;border:none;" scrolling="yes"></iframe>

    If you still see the top margin, you can then inject the following custom css code in your form to remove the top margin:

    .form-all {

    margin-top: -53px !important;

    }

    You need to adjust the value of margin top.

    The following guide should help you inject the custom css code in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by Icli on November 26, 2014 at 03:28 PM

    Unfortunately... there only appeared a horizontal bar too.

  • Profile Image

    Answered by raul on November 26, 2014 at 03:57 PM

    The form's iframe is being embedded in another iframe that has a different width and height.

    Could you please try to use the iframe app described in this guide: http://www.wix.com/support/html5/editor/apps/faq/how-do-i-embed-an-external-website-onto-my-wix-site

    I did a test using the following settings:

    And was able to get rid of the scrollbars

    Let us know if this helps.
    Thank you.

  • Profile Image

    Answered by Icli on November 26, 2014 at 04:39 PM

    I did it! =)

    Look, in the code you gave me in the previous message it says: scrolling: yes

    But in the last one it's scrolling: no

    I just didn't notice it before. Thank you guys!

    You are the only form builder that is really helpful and useful, I've researched about 10! Keep good work! Thank you))

     

     

  • Profile Image
    JotForm Support

    Answered by jonathan on November 26, 2014 at 05:10 PM

    Hi,

    On behalf of all my colleague who had provided you with the assistance, you are quite welcome!

    We are glad to know that all is good now. =)

    Don't hesitate to contact us again anytime should you require again our assistance.

    Best