How can I increase the height of my form?

  • nawruz
    Asked on October 28, 2020 at 10:13 PM

    Hi!

    I'm using wordpress.com and used the 3rd party embedded option to embed the form on my website : https://medivor.com/covid-19-questionnaire/

    However, as you will notice, the form screen has been reduced in height, forcing users to scroll inside the embed window.

    How can I get rid of that second scrollbar and use the height of the page to clearly show the entire form?

    Thanks

    Sam

  • Ashwin JotForm Support
    Replied on October 29, 2020 at 1:52 AM

    Please note that the issue is not related to the form height but the height of the iframe you have added in your web page. I would suggest you to please use the following iframe embed code to embed your form in your WP page and that should solve your problem:

    <iframe id="JotFormIFrame-203010538198249" title="Medivor - COVID 19 Questionnaire" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/203010538198249" frameborder="0" style=" min-width: 100%; height:5450px; border:none;" scrolling="no" sandbox="allow-forms allow-scripts allow-same-origin allow-top-navigation allow-popups allow-popups-to-escape-sandbox"> </iframe>

    Hope this helps.

    Do try it out and get back to us if you have any questions.

  • nawruz
    Replied on October 29, 2020 at 9:57 AM

    Hi, thanks but its still not working. Whenever I press publish inside WP, the code disappears.

    To clarify:

    I use wordpress.com

    I use classic editor

    for JotForm, the only option publish option that works is the 3rd party Wordpress.com that generates this embed code: [embed]https://form.jotform.com/form/203010538198249[/embed] but my issue is the size displayed on the web page, where I would like it to be full page and without the form scroll.

    I tried the embed, iframe, pop up and none of them displayed my form on my webpage. the one that works is the 3rd party wordrpress.com embed option.

    so how can I adjust its size?

  • Sam_G
    Replied on October 29, 2020 at 11:09 AM

    Hello Sam,

    Kindly set a height parameter to the embed codes.

    [embed height=5580]YOUR FORM URL[/embed]

    Let us know if the issue persists.

  • nawruz
    Replied on October 29, 2020 at 11:24 AM

    hi Sam,

    no changes. it seems like anything above 500 makes no impact to the height of the form. I've tried 5580, 1000, 3000, 10000, no changes...

    see for yourself

    https://medivor.com/covid-19-questionnaire/

    Waiting for your reply

    thanks

    Sam

  • Ashwin JotForm Support
    Replied on October 29, 2020 at 12:38 PM

    I would suggest you to please inject the following custom CSS code in your WordPress site (not JotForm) and see if that solves your problem:

    .embed-jotform iframe {

      height: 5450px !important;

    }

    .embed-jotform {

      height: 5450px !important;

    }

    The following guide should help you how to inject custom CSS code on WordPress: https://wordpress.com/support/custom-design/editing-css/

    If the issue persists, please share your WordPress credentials temporarily, and we will check the issue.

    We will wait for your response.

  • nawruz
    Replied on October 29, 2020 at 1:26 PM

    Super, it worked!

    I changed the height to match the height of 5580 and its perfect.

    thanks again

    Sam