Problem with form display on iPhone and iPad

  • Profile Image
    bgassi
    Asked on February 10, 2014 at 12:34 PM

    The form I created cuts off the bottom on the iPhone and iPad. It works just fine on all other platforms. I did embed some code I found on one of the forums but that didn't work. The site was created in Xara Web Designer 9 with no other issues on any platform.

    Thanks

    Bob

  • Profile Image
    TitusN
    Answered on February 10, 2014 at 01:49 PM

    Hello Bob,

    Thank you for contacting us.

    I can see what you mean: 

    On the Iphone:

    To resolve this

    I believe what is causing this is the div element that contains the form's iframe.

    The overflow property is set to hidden, try changing that to 'visible' or 'scroll'.

    The div's height and width are quite rigid, and content overflow should be expected (click on image to view better).

     

    Let us know if this helps.                      

  • Profile Image
    bgassi
    Answered on February 11, 2014 at 12:55 PM

    Hi Titus,

    Thanks for your quick reply. I tried visible and scroll and no difference on the iPhone. It is currently set to scroll and scroll bars show up on Windows platform, but no change on iPhone.

    Thanks,

    Bob

  • Profile Image
    TitusN
    Answered on February 11, 2014 at 01:36 PM

    Hmm,

    I saw that too.

    I'm not sure whether your response says that it looks ok on an Ipad - my emulators may not reflect what you see from your end.

    I tried copying your source code, but there are just too many elements to fix to reproduce the issue from my end.

    In any case, please try the following:

    Allow the Iframe to scroll when content is not visible.

    Also, check the other HTML containers, they also have an overflow property set to 'hidden'.

    Did that help?