how to remove scroll bar on embeded form

  • scottharris86
    Asked on February 15, 2016 at 4: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.

  • Chriistian Jotform Support
    Replied on February 15, 2016 at 9: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"

          onDISABLEDload="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>

    how to remove scroll bar on embeded form Image 1 Screenshot 20