Changes in Forms view on IPad browser

  • cchfd
    Asked on September 2, 2014 at 4:50 PM

    I have created a number of forms and the formatting of the forms changes on an IPad.  Is there a way to set it so it does not change when using an IPad?  On the computer the columns line up, three items per row.  On the IPad the last row drops down to the next line and only 2 columns appear per row.

    Page URL: http://form.jotform.us/form/41815897694170
  • jonathan
    Replied on September 2, 2014 at 7:55 PM

    Hi,

    The viewer of browsers on Desktop/Computer and on iPad is very different.

    This is the reason why the behavior or responsiveness of the form will differ whichever device browser you are viewing it.

    You can also try injecting custom CSS code into your form to force it have a fixed padding/spaces between the Textboxes field.

    I have tried this CSS code

    .form-textbox{

    padding-left:0;

    padding-right:0;

    border-radius: 0px;

    }

    on a clone of your form http://www.jotform.us/form/41815897694170

    and it becomes like this

    Changes in Forms view on IPad browser Image 1 Screenshot 20

     

    test this form http://www.jotform.me/form/42447807658466 in your iPad browser. See if it works as intended.

    Follow this user guide on -How-to-Inject-Custom-CSS-Codes

     

    Hope this help. Inform us if there is more we can assist you with.

     

    Thanks!