- InjazLebanonAsked 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!
- JotForm UI DeveloperberilAnswered on July 22, 2016 at 06:21 AM
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.
- InjazLebanonAnswered on July 22, 2016 at 06:34 AM
Thank you very much beril! we will try this and get back to you.
- JotForm UI DeveloperberilAnswered on July 22, 2016 at 07:53 AM
You're most welcome. =) Feel free to contact us anytime. We will be happy to assist you.
- InjazLebanonAnswered on July 26, 2016 at 10:21 AM
The style didn't work.
- BorisAnswered on July 26, 2016 at 11:28 AM
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.
- InjazLebanonAnswered on July 28, 2016 at 02:13 AM
The embed code does the trick. Thank you so much!
- JotForm SupportliyamAnswered on July 28, 2016 at 03:25 AM
On behalf of the JotForm Support team, you are welcome :)
If you have questions, please let us know.