Fields are overlapping on ipad only

  • Melinda
    Asked on March 8, 2017 at 11:14 PM

    Hi. I have a form that is working well on PC and mobile phones but two of the fields are overlapping on the ipad.  Screenshot attached.

    Jotform Thread 1085458 Screenshot
    Page URL: https://www.arrowrecoveries.com.au/debt-payment-plan/
  • BJoanna
    Replied on March 9, 2017 at 2:02 AM

    On my end they are overlapping on PC as well. They are overlapping on standalone version of your form as well.

     Fields are overlapping on ipad only Image 1 Screenshot 50

    To resolve this issue set Label Alignment of your email field to Top. 

    Fields are overlapping on ipad only Image 2 Screenshot 61

    I would also suggest you to add this CSS code to your form, to increase the width of your phone number fields:

    .mask-phone-number {width:150px;}

    How to Inject Custom CSS Codes

    Fields are overlapping on ipad only Image 3 Screenshot 72

    When I inspected your form I noticed another issue. You have fields that collect credit card information and that is against JotForm Terms of use.

    Fields are overlapping on ipad only Image 4 Screenshot 83

    Phishing - You agree that Company may terminate your JotForm Service immediately if a form is created or JotForm is found to be used to: Obtain credit cards sensitive information, get social security numbers, show content with child pornography. Or if a form was made to steal user login credentials. All these activities are considered as Phishing and any account along with the guilty forms will be suspended immediately.

    Card number, expiration date, security codes and card holder name are considered critical information and cannot be collected on plain text fields. The only services allowed to collect such data are those that are DSS/PCI certified.

    I have deleted mentioned fields from your form. Please do not create forms that are violating our Terms of use or your account will be suspended. 

    If you want to have payment fields inside of your form you have to use one of JotForm payment tools. 

    Inside of this articles you can find out more about payment tools and how to set payment form:

    http://www.jotform.com/help/47-Order-Form-Basics 

    http://apps.jotform.com/category/payment_processing 

    http://www.jotform.com/help/165-Setting-Up-Your-First-Order-Form 

    If you want to charge your users manually at later date, I would suggest you to use on of payment tools that has built in credit card fields like Paypal Pro, Stripe, Authorize.net, Dwolla.

    How to Enable Payment Authorization

     

    Let us know if you need further assistance.