How to change the length of the embedded form so there is no scroll bar on my website?

  • Profile Image
    nichola
    Asked on August 03, 2017 at 03:13 PM

    I am trying to embed the form on a wordpress site. Although I have added page breaks to keep the form shorter on the page, it does not show the entire page and a scroll bar is visible on the side of the form. How can I change the length of the form so it does not have a scroll bar within the form and just on the page itself?

     

  • Profile Image
    Kevin_G
    Answered on August 03, 2017 at 04:33 PM

    I would suggest you to try embedding your form using the iFrame code, this way you will be able to handle the form's height. 

    This guide will help you getting the code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    You may also remove the JavaScript part so the height is not automatically calculated, example: 

          <iframe

            id="JotFormIFrame"

            onload="window.parent.scrollTo(0,0)"

            allowtransparency="true"

            src="https://form.jotform.com/FormID"

            frameborder="0"

            style="width:100%;

            height:6806px;

            border:none;"

            scrolling="yes">

          </iframe>

    Let us know how it goes.