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 embed a form in WordPress with no scroll bars.

    Asked by SomethingHappened on September 15, 2016 at 10:17 PM

    This seems to be one of the highest-Google questions and I'm surprised you don't have a simple toggle for this... Anyway, I can't figure this out...

    I'm trying to embed a form on a self-hosted WordPress (not WordPress.org) site and cannot get the scroll bar to go away.  I'm using conditions to add and remove form items so the height of the form can theoretically change, so using an iFrame with a height element is not the answer (not to mention the fact that iFrames are depreciated so shouldn't be used anyway).

    How can I make my form embed on my page with no scrollbars, despite it's potential to change height?

    Thanks.

    scroll form embed height site
  • Profile Image
    JotForm Support

    Answered by BDAVID on September 15, 2016 at 11:35 PM

    Please try the embed method, see this guide: https://www.jotform.com/help/299-How-to-embed-a-form-to-Wordpress-com 

     

  • Profile Image

    Answered by SomethingHappened on September 16, 2016 at 12:46 AM
    I’ve tried a number of embed options and the scroll bar is still there if the form is too long. I’ve even done some CSS over-rides to prevents the borders and all that, but the scrollbar is still there.
    The WordPress form options are uglier than I’d like but at least they work. I’d end up having to pay for your product – not just use it for free – if I can get this to work. So feel free to consider this a pre-sale support request rather than a free support request if you wish.
    Anyway, yeah… I just don’t want scrollbar-ception on my webpage. Is that possible or not?
    Thanks,
    Dave Everett
    E: Dave@SomethingHappened.Tech
    C: 763-200-4861
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 16, 2016 at 02:16 AM

    The iFrame embed code should have a script included that will automatically resize the height of the form so all the fields are visible. However, I understand that you have already tried the iFrame option but the issue still persists. Can you please provide us with the link to your embedded form so we can check it further and see if there is a workaround for your issue? 

    In the meantime, perhaps you can try using the full source code of the form so that you can have more control over the code of the form. Here's a guide on How to get the Full Source Code of your Form.

    I will wait for your response.
    Regards.

  • Profile Image

    Answered by SomethingHappened on September 16, 2016 at 11:46 PM
    I’m not sure what a sample page will do for you – whether it’s me or someone else all forms have a max height be default, so it’s this I need to remove and make dynamic.
    Thanks,
    Dave Everett
    E: Dave@SomethingHappened.Tech
    C: 763-200-4861
    ...