Form not responsive on iphone

  • Profile Image
    orymca
    Asked on February 13, 2015 at 03:23 PM

    Hey guys,

    iPhone users are having trouble filling out a responsive form embedded on my Wix site. It keeps scrolling strangely and jumping back up to the top of the page. We do not encounter this issue on Android devices or desktop. Wix says they can't help us with embedded objects. Do you have any insight?

    Thanks,

    Ginger

  • Profile Image
    Kiran
    Answered on February 13, 2015 at 04:36 PM

    I am not having an iphone with me to check on this issue. However, I'm checking the issue through the simulator from Browserstack. Please allow me some time to check on this and get back to you with relevant information.

    Thank you for your patience.

  • Profile Image
    Kiran
    Answered on February 17, 2015 at 09:08 AM

    Thank you for being patient. As I research, I see that there are a few issues with iframe embedded objects particularly on iphones. I've played around using different methods like embedding using direct JotForm URL, using hosted HTML file with source code, etc. The issue seems to be with the signature widget which is loading in iframe not to display the form correctly on iphone.

    With the help of this thread I was able to make the signature widget responsive on iframe by injecting the following CSS code.

    #customFieldFrame_24 {

    width: 1px !important;

            min-width: 100%;

    }

    Please take a look at the demo wix webpage below :

    http://kiranjotform.wix.com/jotformtest#!jotform/c221c

    It seems to be working fine while testing on the simulator.

    Hope this information helps. Please get back to us if you need any further assistance. We will be happy to help.

  • Profile Image
    orymca
    Answered on February 17, 2015 at 12:03 PM

    Thank you so much for following up! One further question: Where do you inject the CSS? In the form builder?

    Thanks,

    Ginger

  • Profile Image
    Kiran
    Answered on February 17, 2015 at 12:06 PM

    Yes. You can inject the CSS code to the form by following the guide below :

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    Thank you!