How can I get my form to properly display on a mobile device?

  • Frattire
    Asked on November 17, 2014 at 5:06 PM

    I have tried the responsive widget, and the form designer. Both still seem to cut off the text and images. Also, sometimes the entire form doesn't load or it takes a while. I used the iframe code to get the form to display on the site properly. Embed option didn't allow for conditions to function, and the source option looked funny. 

    Page URL: http://www.myfrattire.com/pages/custom-apparel-new
  • raul
    Replied on November 17, 2014 at 5:48 PM

    Hello,

    I've tested your form using its direct URL and the responsiveness is working correctly.

    How can I get my form to properly display on a mobile device? Image 1 Screenshot 20

    However, upon checking your website. I noticed that the iframe URL form is incorrect, if you want to use the non-secure version of your form you need to use this code:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="http://form.jotformpro.com/form/43198641120955" frameborder="0" scrolling="no" style="width: 100%; height: 4310px; border: none;"></iframe>

    If you want to use the secure version of your form you need to use this code:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/43198641120955" frameborder="0" scrolling="no" style="width: 100%; height: 4310px; border: none;"></iframe>

    Please try to change the code of the iframe and let us know if this fix the issue.
    Thanks.

  • Frattire
    Replied on November 17, 2014 at 5:55 PM

    Hey, 

    I fixed the code. Thanks for that! And I do see that the responsiveness is working when i adjust the window on my computer screen, but when on my iPhone, the form is cute off on the right side stillHow can I get my form to properly display on a mobile device? Image 1 Screenshot 20

  • Mike_T Jotform Support
    Replied on November 17, 2014 at 6:16 PM

    Please try to reduce the width of the Date Picker widget from 380 pixels to some lower value (for example - 280) to see if that makes a difference.

    How can I get my form to properly display on a mobile device? Image 1 Screenshot 20

    Many of the form widgets are being loaded from external addresses, so that they might be not reponsive.

    Please give it a try and let us know if you need any further assistance on this.

  • Frattire
    Replied on November 17, 2014 at 10:35 PM

    That seems to have worked! For some reason the submit button and the bottom 2 lines don't always show up but that might be the connection? If that continues to be an issue, I'll write back. Thanks!

  • jonathan
    Replied on November 18, 2014 at 5:48 AM

    Thank you for updating us on the result.

    Please do inform us if there are still issue after.

    Thanks.