When the form is opened on my iPad, it does not appear like the iPad Preview shows it should in portrait orientation

  • tysonfreeman
    Asked on May 9, 2016 at 2:23 PM
    When the form is opened on my iPad, it does not appear like the iPad Preview shows it should in portrait orientation. See attachments for reference.
    Can you help me with this?
  • David JotForm Support
    Replied on May 9, 2016 at 2:27 PM

    Try enabling mobile responsiveness for your form:

    https://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive

    Or adding the mobile responsive widget to your form:

    http://widgets.jotform.com/widget/mobile_responsive

    If neither of those work, please add your screenshots to this thread and we will be happy to get things adjusted:

    https://www.jotform.com/answers/414264-How-to-include-screenshot-image-in-the-support-forum

  • tysonfreeman
    Replied on May 9, 2016 at 5:42 PM

    Thank you for the detailed response. I tried selecting the box for responsiveness and tested, but it did not fix. See screenshots below for reference. I want it to appear on the iPad as it does in the preview, however, this is not the case. Please advise.

     

    When the form is opened on my iPad, it does not appear like the iPad Preview shows it should in portrait orientation Image 1 Screenshot 30When the form is opened on my iPad, it does not appear like the iPad Preview shows it should in portrait orientation Image 2 Screenshot 41

  • jonathan
    Replied on May 9, 2016 at 8:38 PM

    I see that you were referring to the Preview window when in the Form Designer.

    When the form is opened on my iPad, it does not appear like the iPad Preview shows it should in portrait orientation Image 1 Screenshot 30

    Unfortunately the preview tool in the designer is not that reliable as basis on how the form will be  compared to the live view when using viewint it on an iPad mobile browser.

    When the form is opened on my iPad, it does not appear like the iPad Preview shows it should in portrait orientation Image 2 Screenshot 41

    The forms already support mobile browsers by default. This was the reason when you view the form on an actual iPad device, you can see the form fields expand within the view screen of the device -- the form was being responsive this way.

    To make the view of your form remains as is when on iPad browser, I think a custom injected CSS code to override the @media device view code should fix it.

    I'll get back to this once I have figured out the correct CSS code that work to your form http://www.jotform.us/form/60880534644156 .

     

    Thanks.

     

     

     

     

  • tysonfreeman
    Replied on May 9, 2016 at 8:45 PM
    Awesome. Thanks a bunch.
    Tyson Freeman
    Lee's Air
    5456 W Mission Ave
    Fresno, CA 93722
    559-227-9569
    ...