Form doesn't look good on an iPhone/iPad

  • harveyimages
    Asked on May 8, 2015 at 6:34 AM

    The other matter, is the format of my form. It displays OK on a desktop or Laptop, but not on an iPhone/iPad.

    I am using Everweb on an iMac to create http://steph-andy.co.uk/rsvp.html

    Can you advise me of a solution PLEASE!!!

  • Boris
    Replied on May 8, 2015 at 10:58 AM

    Hello Kevin.

    Please note that this seems to be an issue of Everweb, rather than a problem with this form. If you access the form directly on an iPhone/iPad, it should resize very nicely. Please take a look at the following image:

    Form doesnt look good on an iPhone/iPad Image 1 Screenshot 30

    We have what is called responsive design - our form automatically adjusts to various screen sizes.

    I would recommend that you contact the people who design or maintain your website, so they can take a look into making your website responsive - and properly visible on iPads and iPhones. Even if you removed the JotForm form from the website, you can still see that your page wouldn't display properly on small screens:

    Form doesnt look good on an iPhone/iPad Image 2 Screenshot 41

    That is because there are hard-coded widths in multiple places on the website. Unfortunately, this is not something that we can help you with. I would recommend you to contact Everweb about the issue, and see if they can help you get it resolved.

    Please let us know if we can help you out in any way with your form, or if you have any further questions, and we will be glad to assist.

    Kind regards,
    Boris

  • Boris
    Replied on May 8, 2015 at 11:27 AM

    Upon taking a closer look, one of my colleagues has confirmed that the site does not display properly on an iPhone, in a manner that may be resolvable by us. This is a screenshot of what it looks like on his iPhone:

    Form doesnt look good on an iPhone/iPad Image 1 Screenshot 30

    If this looks the same as the issue that you are experiencing, please try to use the iFrame embed for your form, rather than the JS embed that you are using now. With the iFrame code, you should be able to set the form's height to encompass the entire height of your form.

    How to get your Form's iFrame Code

    Form doesnt look good on an iPhone/iPad Image 2 Screenshot 41

    Please kindly let us know how this works out, and if it manages to fix the issue for your iPhone.

    With kind regards,
    Boris