How to Make Your Form Scrollable

January 1, 2024

Depending on the embed method used, Jotform can automatically adjust and display your form’s full height on your webpage. If your embedded form has a custom height and needs to display a scrollbar, you can use iFrame and enable scrolling.

To add a scrollbar to your embedded form

  1. In the Form Builder, select Publish at the top.
  2. Go to Embed on the left and select iFrame.
Steps to access the iframe embed code in Jotform Form Builder
  1. On the next page, select Copy Code.
The Copy Code button in Jotform's iframe embed
  1. Edit your code in your text or HTML editor.
  2. Search and replace scrolling=”no” with scrolling=”yes”.
An iframe embed code with scrolling enabled
  1. Use the new code to embed your form into your website.
Push Notifications for Jotform Apps
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Podo Comment Be the first to comment.