Form is cutting off in some browsers

  • SimonsTransports
    Asked on August 31, 2015 at 10:40 PM
  • Sammy
    Replied on September 1, 2015 at 4:24 AM

    Could you provide a link to the affected form and where it is embedded.

    If you embedded using the iframe method kindly check the iframe height is adequate, you can also set the scrolling feature to auto to cater for cut off items

  • SimonsTransports
    Replied on September 1, 2015 at 9:16 AM

    http://www.simonstransportsbahamas.com/main-reserve.html

  • Sammy
    Replied on September 1, 2015 at 11:31 AM

    I have checked the provided link, it appears the height of the iframe used to embed the form is a bit low, kindly change it to 1200px or more and this should resolve the issue.

    <iframe frameborder="0" scrolling="no" style="width: 100%; border: medium none; height: 1200px;" src="//form.jotformpro.com/form/41418021585955" allowtransparency="true" onDISABLEDload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

    Please let us know if you will need additional assistance

  • SimonsTransports
    Replied on September 1, 2015 at 11:37 AM

    Thank you.  Also how can I turn on the scrolling feature?

  • Sammy
    Replied on September 1, 2015 at 11:50 AM

    You can turn on the scrolling feature by changing/adding the following attributes

    1. change scrolling to yes or auto

    2. add the following CSS style overflow-y:scroll;

    scrolling="auto" style="width: 100%; border: medium none; height: 1200px;overflow-y:scroll;" src="//form.jotformpro.com/form/41418021585955" allowtransparency="true" onDISABLEDload="window.parent.scrollTo(0,0)" id="JotFormIFrame">

  • SimonsTransports
    Replied on September 1, 2015 at 3:22 PM

    Thanks 

  • SimonsTransports
    Replied on September 22, 2015 at 10:43 PM

    Hi,  We still have some clients experiencing some trouble with the form, in particular those using cell phones/tablets.   They do not see the submit button/form being cut off.  Please provide some guidance.

    Link Below.

    http://www.simonstransportsbahamas.com/main-reserve.html

  • Sammy
    Replied on September 23, 2015 at 2:52 AM

    I have done some tests on chrome and stock browser on android and the form displays correctly without the buttons being cut off.

    On what browser are the user experiencing this issue?

    Kindly increase the height of your iframe to around 2500px.

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/41418021585955" frameborder="0" style="width:100%; height: 2500px;overflow-y: scroll;border:none;" scrolling="yes"></iframe>

    Also set the height of the div containing the iframe to around 2550PX.