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.
size and position of drop & drag tools.Asked by roccridge on September 28, 2013 at 11:46 AM
Hello JotForm Support.
I have been working on a form for a website that I am building. When I completed it and put it up on the website I had a problem.
I have 2 scroll bars. One for the web page and one the form. I think the scroll bar on the web page is due to a limitation.
I thought a solution would be the make the form tools a little smaller (height).
I'd also like to move/reduce the number of lines in the description area.
Can you please help.
Hello, I was able to remove the form's scrollbar by increasing the height value of the iFrame where the form was embedded, this allows you to display the form completely, without the need of a scrollbar.
I tested the iFrame code you embed to wix as follows:
<iframe name="IFrame_hm54fdt7" id="IFrame_hm54fdt7" width="970" height="5000" src="//form.jotform.co/form/31655036514854"></iframe>
<iframe name="IFrame_hm54fdt7" id="IFrame_hm54fdt7" width="970" height="8813" src="//form.jotform.co/form/31655036514854"></iframe>
That allowed for the form to be long enough to not need a scrollbar.
The code you would need to embed should go as follows (which is the original code from the Embed Form tool on your Form Editor):
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//support.jotform.com/form/31655036514854" frameborder="0" style="width:100%; height:8813px; border:none;" scrolling="no"></iframe>
This is the end result, displaying no scrollbar on the form:
Kindly let us know specifically which description area are you trying to reduce. Thank you.