What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to remove the scrolling bar when embedded on the website?Asked by InjazLebanon on July 22, 2016 at 03:22 AM
I would like to know if there is a way to remove the scrolling bar that appears when our forms are embedded on the website because it's a bit annoying. The forms are a bit long, that's why i guess the scrolling bars are appearing, however do you think there is a way to avoid it?
Please find the links of the forms:
- http://www.injaz-lebanon.org/alumni/alumni/alumni-form.html (when you open the sections)
Thank you so much!
Could you please re-embed your form as you see below:<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.me/53223485489464" frameborder="0" style="width:100%; height:auto !important; border:none;" scrolling="no"> </iframe>At that time it will work properly. If this does not resolve the issue, please let us know and we will be glad to take another look.
Thank you very much beril! we will try this and get back to you.
You're most welcome. =) Feel free to contact us anytime. We will be happy to assist you.
The style didn't work.
I have checked both of the pages that you have linked to, and I see you were embedding the forms with the following codes:
<iframe style="min-height: 1500px; width: 100%;" src="https://form.jotform.me/53223485489464" ></iframe>
<iframe style="min-height: 750px; width: 100%;" src="https://form.jotform.me/61793366059466" ></iframe>
In both of these iframe codes, you are setting a minimal height to a number which is not enough to display the full height of your form. This is why the scrollbar will appear.
1. If you want the scrollbar not to appear, please make sure that the height in your embed codes is set to be tall enough for your form to display in its entirety, such as 1840 pixels on your first page, and 1230 pixels on your second page.
2. Alternatively to manually setting the height of your iframes, you may also want to use the embed codes that are presented within our Form Builder when you click on the publish button of your form:
When embedded with the iframe codes our Form Builder provides, your form's iframe should be able to automatically resize itself based on how tall the actual form is.
Please try either one of the above two solutions, and kindly let us know how it goes. Thank you.
The embed code does the trick. Thank you so much!
On behalf of the JotForm Support team, you are welcome :)
If you have questions, please let us know.