how to remove scroll bar on embeded form

  • Profile Image
    scottharris86
    Asked on February 15, 2016 at 04:42 PM

    hi im embedding a form on a wordpress site. none of my other form have scroll bars in the form i cant seem to get rid of this one with css.

  • Profile Image
    Chriistian
    Answered on February 15, 2016 at 09:05 PM

    I can see that you are using form collapse in your form. This means the height of the form changes depending on which form collapse is open. If you want to remove the scroll bars no matter which form collapse is open, you will need to use the full height of the form. You can use the iFrame embed code to set the height of your form: Getting the Form iFrame Code

    Here's the iFrame code you can use. The full height is set to 2250px. This removes any scrollbar from appearing in your form.

    <iframe

          id="JotFormIFrame"

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

          allowtransparency="true"

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

          frameborder="0"

          style="width:100%;

          height:2250px;

          border:none;"

          scrolling="no">

      </iframe>