End of Form being clipped in smartphone/tablet environment

  • Profile Image
    glandoreghyc
    Asked on February 14, 2016 at 06:37 PM

    I have had similar problem before but cannot seem to sort this  one out.

    With respect to the screen shot below:-

     

    The form can be viewed on the following page:-

    http://glandoreyc.com/classic/index

    and all seems fine, however if you look at the same page on a smartphone or tablet with smaller displays the Submit button is missing, or you can just see part of the Submit Button.

     

    This is a CSS issue i believe and there is Additional CSS installed in this form , but unfortunately my knowledge of CSS is not great so i cannot work out what is wrong.

    Help Please?

     

    thx

     

    John.

     

     

  • Profile Image
    Charlie
    Answered on February 15, 2016 at 03:18 AM

    Could you please try adding a min-height attribute in your iFrame embed code.

    Here's an example of mine:

    <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/60451903436957"

          frameborder="0"

          style="width:100%;

          height:259px;

          min-height: 250px;

          border:none;"

          scrolling="no">

        </iframe>

     

    Just add a min-height attribute inside in your existing iFrame code, see if that works. If it is still cut off, try increasing the min-height attribute, make sure that the existing height attribute is not lower than the min-height.

    We'll wait for your response.

  • Profile Image
    glandoreghyc
    Answered on February 15, 2016 at 03:43 PM

    OK, Thanks i changed to a min height and the form is now operating more reliably.

     

    Thanks

  • Profile Image
    victor
    Answered on February 15, 2016 at 05:14 PM

    On behalf of my colleague, you are welcome.

    If you have any other question please do not hesitate contacting us. We will be glad to help.