Form is cutting off in some browsers

  • Profile Image
    SimonsTransports
    Asked on August 31, 2015 at 10:40 PM
  • Profile Image
    Sammy
    Answered on September 01, 2015 at 04: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

  • Profile Image
    SimonsTransports
    Answered on September 01, 2015 at 09:16 AM

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

  • Profile Image
    Sammy
    Answered on September 01, 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" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

    Please let us know if you will need additional assistance

  • Profile Image
    SimonsTransports
    Answered on September 01, 2015 at 11:37 AM

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

  • Profile Image
    Sammy
    Answered on September 01, 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" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame">

  • Profile Image
    SimonsTransports
    Answered on September 01, 2015 at 03:22 PM

    Thanks 

  • Profile Image
    SimonsTransports
    Answered 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

  • Profile Image
    Sammy
    Answered on September 23, 2015 at 02: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" onload="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.