The large form usually does not load on iPad

  • jayhobbs21
    Asked on March 12, 2018 at 5:06 PM

    Typically, it loads VERY slowly, then cuts off at the point the screen ends.  It will even cut a line of words off, horizontally.  I am still able to scroll down the  full length of the form page, but it is blank.

    Sometimes, when I refresh the page, the form will display correctly, but usually not.

    The relevant form is accessed by using this link, so that the required fields are entered.  You may use my or your email, or even a fake one.

    Red-Sh Hawk 2a Save-and-Continue pre-form :   https://form.jotform.com/80586442784164?Email=wholistic_health@sbcglobal.net&IDNum=000000&NumofTimesTrained=0&CountURL=0

    You will notice that the "pre-form" loads quickly and completely.  I don't think this loading problem is limited to this form, just my full-size ones.

    This is the form on JotForm ( https://form.jotform.com/80588695842171), but i have loaded it on my site, because i had to find-and-replace many small links with alternative links housed on the same server.

    Here is the form in question:   https://tinnitussynergy.com/Red_Sh_Hawk_2a/Red_Shouldered_Hawk_2a_ADTs.html?session=wholistic_health@sbcglobal.net&Email=wholistic_health@sbcglobal.net&IDNum=000000&NumofTimesTrained=1&calc_alltimesalllevels=1

  • Kevin Support Team Lead
    Replied on March 12, 2018 at 7:19 PM

    I have been testing the form you provided on the following link: https://tinnitussynergy.com/Red_Sh_Hawk_2a/Red_Shouldered_Hawk_2a_ADTs.html?session=wholistic_health@sbcglobal.net&Email=wholistic_health@sbcglobal.net&IDNum=000000&NumofTimesTrained=1&calc_alltimesalllevels=1

    Which embed method did you use? 

    The form is currently taking about 10 seconds to load; however, this may have something to do with the number of elements the form has, for example, you have about 300 conditions and 1310 elements on the form itself, including images, text, fields and the form is currently on different pages. 

    Please note that all this may be affecting the loading time of the form. 

    If you're experiencing issues with the form cutting off, please let us know which of the links show such error, if possible, please also provide us some images about the issue, this guide will help you uploading images on your next reply as the forum does not accept images attached on email responses: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum 


  • jayhobbs21
    Replied on March 12, 2018 at 7:47 PM

    The embed method I used was to download all and upload to my site using fileZilla.  Since I had to make the edits using Search-and-Replace and since I have my site hosted NOT by WordPress, I was told this was the only way.

    Here's what the screen cut off looks like. That's not the bottom of the view-able screen, just the bottom of the loaded form.

    1520898264IMG 0014 Screenshot 10

    Yes, there are a LOT of elements and conditions.  I felt that programming pain and I am hoping to allow others to benefit from it.

    I could put it all on one page, if that would help.

    Any ideas at this point?

  • Kevin Support Team Lead
    Replied on March 12, 2018 at 9:19 PM

    I was testing using an iPad emulator and I can see the same you're reporting, as I explained above, this may be caused due to the amount of elements on the form, including conditions and fields, also, please note that mobile devices cannot process pages like computers do, basically the different is the resources each device has, this is why the page may be slow on mobile devices. 

    Please also note that this issue is not related to your form only, actually any web page with a lot of content and resources will load a bit slow on mobile device and computer with low resources as well. 

    Here's a screen-cast of my test using an iPad emulator: 

    The large form usually does not load on iPad Image 10

    I have been testing the same link using an Android device and the page loaded normally as it does on my computer. 

    I'm not sure if could be possible, but I would kindly suggest you to split your form, you may then redirect from the first form to the according version of the main form (you would need to ask additional questions on your first form to know where you will redirect them) and this will help to reduce the number of elements and the form should be loaded a enhance the time to load of the form.

  • jayhobbs21
    Replied on March 13, 2018 at 10:40 AM

    Thank you very much for testing this thoroughly.

    I really didn't want anymore re-do's on this work, but I see that there is no other way.

    Hopefully I will be able to Duplicate, cut, and set up scores so that they can be passed via url's without messing things up.  

    That's peculiar that Android can handle it.  I wish there were something simple I could to to help Apple accommodate this form.

    Thank you.

  • jayhobbs21
    Replied on March 23, 2018 at 6:45 PM

    So, I have cut the form size in half.  It seems to work on my iPad (iPad 4 (2012), with software version 10.3.3), but it is not working on my customer's iPad.  he says he has the latest software version.  The issue he reports is: "There is no arrow on the tone icon on my ipad."

    Can you try this on one of your new iPads, please?

    Here is the link with the necessary required url fields.  You may change the email or leave as is.

    It starts with the save-and-continue form.  The next form-page is the relevant form.

    https://www.jotform.com/80586671584166?wholistic_health@sbcglobal.net&IDNum=00000&CountURL=1&url_alltimesalllevels=9&Email=wholistic_health@sbcglobal.net 

    Thank you.

  • Mike
    Replied on March 23, 2018 at 10:03 PM

    The form is loading in full size after ~10 seconds when I test it on iPad 5th (iOS 11) simulator.

    The arrow play icon is not there, but this issue is most likely related to the custom CSS compatibility with the mobile Safari.

    Thank you.

  • Jay Hobbs
    Replied on March 24, 2018 at 12:41 AM

    It’s not compatible with Safari! ?

    i thought we addressed this thoroughly in previous threads. That’s what SOME of the custom css is there for.

    Could you look back over previous threads where we addressed this?...where I was given code to address this?

    Thank you.

  • Jay Hobbs
    Replied on March 24, 2018 at 8:56 AM

    My customer is using: model MQDA2LL/A, the large ipad about 18 months old. 

    IOS 11.2.6

  • Victoria_K
    Replied on March 24, 2018 at 9:04 AM

    I have checked your previous threads and believe that you refer to the code for mobile devices provided at this one: 

    https://www.jotform.com/answers/1341539-Audio-playback-Sound-refuses-to-play-after-a-while#51

    I have tested the form via several tablet devices and it seems that the arrow play icon is not present at any of them. My recommenadation would be to replace the value of 480px to 768px at your css @media sections:

    1521896521screenshot1u6ah Screenshot 10

    At my end this fixes those buttons for tablets AND mobile devices:

    1521896576screencast2 Screenshot 21

    Can you kindly let us know if the issue persists at your end?

  • jayhobbs21
    Replied on March 24, 2018 at 12:35 PM

    Thank you for looking and testing this carefully.

    I will be without a computer for a week.   I will make the change when I return.

  • jayhobbs21
    Replied on March 30, 2018 at 5:52 PM

    I made the changes.

    Could you run the check that Victoria ran (see response on this thread) to see if it is working on the newer iPads now that I have made the changes on my end.

    https://tinnitussynergy.com/Red_Sh_Hawk_4b_1/Red_Shouldered_Hawk_4b_1_ADTs.html?session=wholistic_health@sbcglobal.net&Email=wholistic_health@sbcglobal.net&IDNum=000000&NumofTimesTrained=1&calc_alltimesalllevels=1

  • Mike
    Replied on March 30, 2018 at 8:32 PM

    It seems to be working properly on the iPads now.

    The large form usually does not load on iPad Image 1 Screenshot 20

    Thank you.

  • jayhobbs21
    Replied on March 31, 2018 at 4:13 PM

    Hmm, 

    My customer, after clearing browser history is still not seeing the play button.  He is using: model MQDA2LL/A, the large ipad about 18 months old.  IOS 11.2.6

    Any ideas?

  • Victoria_K
    Replied on March 31, 2018 at 4:29 PM

    Hello jayhobbs21,

    I have checked the link again and was not able to replicate the issue on IOS or Android devices. But, I can suggest to increase mentioned value to 1024px. Or you can also duplicate those code and set a max-width to 1024px at one of duplicates, just to be sure. 

    I do apologize for any inconvenience caused. 

  • jayhobbs21
    Replied on March 31, 2018 at 5:17 PM

    Thank you for checking Victoria.  I will try that.

    Can you give me a brief explanation of what increasing the max-width pixels does?

    Should the min-width stay at 480,or also be increased?

    Also, what potential problems may it cause?  I assume there is some benefit to keeping it small, since 480 was the initial recommendation and we are working our way up incrementally.

  • Mike
    Replied on March 31, 2018 at 7:39 PM

    Increased max-width should affect devices with a bigger width (screen resolution of the device).

    You can also try adding the next CSS:

    https://pastebin.com/raw/KB1aenNL

    I have copied existing CSS and added max-device-width: 1366px. Hopefully, this will affect iPads with bigger screens.

  • jayhobbs21
    Replied on April 3, 2018 at 2:23 PM

    We seem to be getting closer.  It still works on my old iPad, but my customer's newer one is still having issues playing the audios.

    This is his response: "Hi, same issue with the first two, no icon. The last link shows the sound icon arrow, but it doesn’t play when it’s touched."

    These are the examples of 3 different settings he tried: 

    The "original" one:  https://tinnitussynergy.com/Red_Sh_Hawk_4b_1/Red_Shouldered_Hawk_4b_1_ADTs.html?Email=wholistic_health@sbcglobal.net&IDNum=000000&NumofTimesTrained=1&calc_alltimesalllevels=1

     

    Then #1 (jotform 4b.1 -- 480 min, 768 max):   https://www.jotform.com/80768633984170?Email=wholistic_health@sbcglobal.net&IDNum=000000&NumofTimesTrained=1&calc_alltimesalllevels=1

     

    Then #2 (jotform 4b.1 -- 480 min, 1024 max):   https://www.jotform.com/80768720684164?Email=wholistic_health@sbcglobal.net&IDNum=000000&NumofTimesTrained=1&calc_alltimesalllevels=1

  • Kevin Support Team Lead
    Replied on April 3, 2018 at 2:47 PM

    Since this thread is getting a bit longer and the last reply is about a different matter, I have moved it to another thread, we will assist you as soon as possible here: https://www.jotform.com/answers/1434026 

    Thanks.