The large form usually does not load on iPad

  • Profile Image
    jayhobbs21
    Asked on March 12, 2018 at 05: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

  • Profile Image
    Kevin_G
    Answered on March 12, 2018 at 07: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 


  • Profile Image
    jayhobbs21
    Answered on March 12, 2018 at 07: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.PNG

    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?

  • Profile Image
    Kevin_G
    Answered on March 12, 2018 at 09: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: 

    15209036961.gif

    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.

  • Profile Image
    jayhobbs21
    Answered 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.

  • Profile Image
    jayhobbs21
    Answered on March 23, 2018 at 06: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.

  • Profile Image
    Mike
    Answered 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.

  • Profile Image
    Jay Hobbs 
    Answered 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.

  • Profile Image
    Victoria_K
    Answered on March 24, 2018 at 09: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.png

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

    1521896576screencast2.gif

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

  • Profile Image
    jayhobbs21
    Answered 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.

  • Profile Image
    Mike
    Answered on March 30, 2018 at 08:32 PM

    It seems to be working properly on the iPads now.

    Thank you.

  • Profile Image
    jayhobbs21
    Answered on March 31, 2018 at 04: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?

  • Profile Image
    Victoria_K
    Answered on March 31, 2018 at 04: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. 

  • Profile Image
    Mike
    Answered on March 31, 2018 at 07: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.

  • Profile Image
    jayhobbs21
    Answered on April 03, 2018 at 02: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

  • Profile Image
    Kevin_G
    Answered on April 03, 2018 at 02: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.