I currently use an application form that works everywhere but an Ipad

  • Bethchoike
    Asked on February 8, 2017 at 9:17 AM

    The Ipad version overlaps information but on an iphone or android phone it looks fine.  

     

    We currently use the free phone if I were to upgrade to something else would there be more support as far as helping to make sure our form works on all platforms and support to prevent it from erroring? 

     

     

    Jotform Thread 1060269 Screenshot
  • David JotForm Support Manager
    Replied on February 8, 2017 at 10:48 AM

    Inject the following code to fix the problem on iPad view:

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

    .form-textarea,.form-textbox,.form-dropdown{

    width: 100% !important;

    }

    .form-input {

    width: 100% !important;

    }

    .form-all{

    width: 98% !important;

    }

      #id_31,#id_34{

    width: 100% !important;

    }

    #id_30,#id_27,#id_108,#id_14,#id_92{

    width: 40% !important;

    }

    #id_15,#id_93{

        margin-right: 50% !important;

        width: 40% !important;

    }

    }

    Example:

    I currently use an application form that works everywhere but an Ipad Image 1 Screenshot 20

    Let us know if you need more help, we will be glad to assist you.

  • Bethchoike
    Replied on February 8, 2017 at 11:45 AM
    It started out ok but when I started filling out the form it tabbed right and now I can’t get it to go back left to see the questions.

    ...
  • David JotForm Support Manager
    Replied on February 8, 2017 at 12:23 PM

    Could you share a screenshot to see what you mean? If the provided code makes it worse, please remove it.

  • Bethchoike
    Replied on February 8, 2017 at 12:46 PM
    See attached


    ...
  • David JotForm Support Manager
    Replied on February 8, 2017 at 1:22 PM

    Your screenshot did not post, make sure to load the link of this thread in your browser first: https://www.jotform.com/answers/1060269 

    Then upload the screenshot as shown on this guide: https://www.jotform.com/answers/414264-How-to-include-screenshot-image-in-the-support-forum