How to embed a form in WordPress with no scroll bars.

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

  • Profile Image
    BDAVID
    Answered 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
    SomethingHappened
    Answered 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
    Chriistian
    Answered 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
    SomethingHappened
    Answered 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
    ...