Iframe embedded form not working on Ipad

  • pete1024xx
    Asked on November 16, 2015 at 8:21 PM

    I have a form that works well on a PC but does not show up at all on an IPAD. I am using the Iframe embedded code and have changed the Responsive Form to equal Yes in Preferences.

    What else can be done to make the form work?

     

    The form is located at:

    http://www.plantationcommunityfoundation.org/events-programs/celebrity-classic/

     

     

     

  • Charlie
    Replied on November 17, 2015 at 4:33 AM

    It seems like this is more related on how your website is adjusting the <div> or element where the form is embedded.

    In my case, it also does not show up in my Android device, this is the link where I am visiting the form: http://www.plantationcommunityfoundation.org/events-programs/celebrity-classic/. I presume that's where the form is embedded?

    Iframe embedded form not working on Ipad Image 1 Screenshot 40

     

    In your source code, the form is embedded on the <div> element with a class name mediumScreenDisabled.

    Iframe embedded form not working on Ipad Image 2 Screenshot 51

    Now in the first part of your website's code, you can see the CSS styling that are highlighted in yellow. Example, if the max-device-width is 1024px and below, then DO NOT SHOW <div> element with class name mediumScreenDisabled, where the form is actualy embedded. That is why you are not seeing the form. Because if a mobile device views it, your CSS code will hide it on purpose.

    Iframe embedded form not working on Ipad Image 3 Screenshot 62

     

    I hope that helps.

  • pete1024xx
    Replied on November 17, 2015 at 10:09 AM

    Hi Charlie,

     

    Thank you - Looks like you've identified the problem!  Can you tell me how best to fix it? Should I operate on the code or change something on the form design interface?

     

     

  • pete1024xx
    Replied on November 17, 2015 at 10:31 AM

    Hi Charlie,

     

    After looking at the situation further, is the code you point out that is causing the problem coming from the Form generation or is it code from my web site that's outside the Form-generation package?

    Should I then be dealing with the web site supplier 1&1 to resolve this?

     

    Thanks again,

    Harold

     

  • pete1024xx
    Replied on November 17, 2015 at 10:48 AM

    Hi Charlie,

     

    I chatted with 1&1, the vendor and they gave me a setting to change on their end that solved the problem.

     

    Thank you again for your help.

    Harold

  • Charlie
    Replied on November 17, 2015 at 11:56 AM

    Thank you for updating us, Harold. Yes, that is indeed correct. The form is part of an element of your website to where it is being hidden in mobile device. I'm glad everything is working in your end now.

    Should you need any assistance again, please do not hesitate to open a new thread here in the forum. Thank you.

  • cristianosvillena
    Replied on January 17, 2016 at 11:43 AM

    I have exactly the same problem. I have my web page with 1&1 too.

     

     

    what I have to do to fix it?

  • jonathan
    Replied on January 17, 2016 at 6:46 PM

    @  cristianosvillena

    We will resolve you issue on separate thread instead.

    Please check here http://www.jotform.com/answers/747075

    Thanks.

     

  • cristianosvillena
    Replied on January 18, 2016 at 2:47 AM
    Thanks so much. I resolved the problem.
    Enviado desde mi iPhone
    ...
  • Chriistian Jotform Support
    Replied on January 18, 2016 at 4:02 AM

    I am glad to know that you have solved the problem yourself. Do let us know if you have any other concerns. Cheers.