size and position of drop & drag tools.

  • Profile Image
    roccridge
    Asked 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.

    Thanks

    Alan

  • Profile Image
    Cesar
    Answered on September 28, 2013 at 01:57 PM

    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:

    Original Code

    <iframe name="IFrame_hm54fdt7" id="IFrame_hm54fdt7" width="970" height="5000" src="//form.jotform.co/form/31655036514854"></iframe>

    Updated Code

    <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:

    https://cms.jotform.com/uploads/image_upload/image_upload/global/18585_noscrollbardog.png

     

    Kindly let us know specifically which description area are you trying to reduce. Thank you.