Bootstrap Switch Field: Showing as a checkbox only on iPads

  • Profile Image
    lafhab2
    Asked on January 17, 2018 at 10:06 AM

    Over the last couple of days I have had issues with forms loading slowly or not at all on iPads (iOS), they work fine in Chrome (Win7) using the exact same connection but repeatedly ones on the ipads are slow to load, a blank page or loads about 25% then stops.  I haven't been using it on Android devices so I'm assuming here but it really seems to be slow and poor on iOS, as if there's something in the backend that is really laggy. Is anyone else experiencing this, or is it just me?

  • Profile Image
    BJoanna
    Answered on January 17, 2018 at 11:13 AM

    Please provide us an ID of the form that is causing the issue you reported. If the form is embedded, provide us the webpage URL. 

  • Profile Image
    lafhab2
    Answered on January 18, 2018 at 07:34 AM

    I will do, sometimes it's difficult because when you need the forms in a rush it's hard to have the time to take notes, especially when doing 30+ a day.  I have found a possible issue though, this was related to prepopulating a form, so I have amended that.

  • Profile Image
    Mike_G
    Answered on January 18, 2018 at 09:43 AM

    We will be glad to test the issue for you.

    Please provide us more details so we can investigate what's causing the issue you described.

    We will wait for your response.


  • Profile Image
    lafhab2
    Answered on January 20, 2018 at 10:42 AM

    It's general forms, today it was http://form.jotformpro.com/form/43344862193963. Using the exact same link, on the same wifi connection, on Win7 Chrome it was instant, on 2 ipads it wouldn't even load up at all (waiting 30+ seconds). In the end I had to restart the 2 ipads, but they hadn't been on for long and they load other pages ok.  I'm not jumping to a conclusion to blame Jotform and it's hard to pinpoint but it's as if there's something in the backend which isn't iOS/Safari friendly.  Can you test it at your end on an ipad?  Is there a way of stripping down a form to basics, that I would test to see if it resolves the issue.  I've just used Google's PageSpeed tool and it says the Page optimisation for mobile is low: 51/100 (it's 88/100 for desktop).  The report states (and I hope this helps):

    Page Stats
    PSI estimates this page requires 6 additional round trips to load render blocking resources and 0.2 MB to fully render. The median page requires 4 round trips and 3.4 MB. Fewer round trips and bytes results in faster pages.

    Optimization Suggestions
    Eliminate render-blocking JavaScript and CSS in above-the-fold content
    Minify JavaScript
    Enable compression
    Minify CSS
  • Profile Image
    lafhab2
    Answered on January 20, 2018 at 11:54 AM

    Additional comments:

    "Your page has 6 blocking script resources and 2 blocking CSS resources. This causes a delay in rendering your page"

  • Profile Image
    Mike_G
    Answered on January 20, 2018 at 03:33 PM

    Thank you so much for that information and we would like to apologize for any inconvenience.

    Can you tell us the model of the iPads where you are encountering the issue, please?— https://support.apple.com/en-ph/HT201471

    May we also know the following?

    1. iOS version installed

    2. Browser (and its version) you are using.

    With regards to the issue, can you try disabling the Autofill feature of the form and see if that would make any difference, please? — How-to-Enable-Auto-Fill-Feature


    We will wait for your response.

  • Profile Image
    lafhab2
    Answered on January 23, 2018 at 10:01 AM

    We are using Safari on iPad 2nd Gen and iPad 3rd Gen (both iOS 9.3.5), all up to date. It's just general compatibility which seems to be slightly degrading here and there over time. See the attached screenshot as an example, I am looking at form 'CC L2H', in Chrome it is fine, in Safari the formatting is wrong (questions aligned right) and as you will see the 'bootstrap switch' is merely a tickbox, sometime single line text boxes can appear as a tick box also and have to be reloaded.


    1516719598jf_form_comp.png

  • Profile Image
    lafhab2
    Answered on January 23, 2018 at 10:04 AM

    Also, as the ipads are used by various people on different days Autofill is OFF on all ipads

  • Profile Image
    Mike_G
    Answered on January 23, 2018 at 12:09 PM

    Thank you for providing more information.

    Below are the results of my tests:

    1516725611t11_32_31.png

    1516725638t11_22_03.png

    As you can see, I was able to reproduce the issue with the field label alignment on both tests. However, I was only able to reproduce the issue with the Bootstrap Switch Field widget on the iPad 2. I saw the issue with the widget on iPad 3rd Gen when the form is still loading, however, as soon as it loaded completely, the issue is gone.

    Your concern regarding the field label alignment on iPads is happening because the default label alignment in your form is set to "Right".

    1516726591t11_52_39.png

    Changing the label alignment to "Left" should fix the issue.

    With regards to the issue about the Bootstrap Switch Field widget, I have forwarded it to our developers. Although I cannot provide any timeframe for when it will be fixed, please be assured that once there is an update on the reported issue, we will notify you in this thread right away.

  • Profile Image
    Mike_G
    Answered on January 23, 2018 at 12:26 PM

    I just would like to include that I did not experience any loading issues with the test I made on your form on both iPad 2 and iPad 3rd Gen.

    Can you try if clearing the cache of your browser on both devices would fix the issue, please? — http://www.refreshyourcache.com/en/home/

    With regards to autofill, I'm referring to the Autofill feature of your form.

    1516728332t12_24_28.png

  • Profile Image
    lafhab2
    Answered on January 24, 2018 at 04:36 AM

    Thanks for confirming, the cache is usually cleared on the ipads most days but we can endeavour to do so every day.  To be honest we have opted to use Autofill ('Continue Forms Later') because from time to time the form crashes or locks up on the ipad and the only way is to refresh so we have that feature on to hopefully retain some of the information on, however that tends not to work well on ipads so if this might be the cause we can do through our forms and try that.

  • Profile Image
    Kevin_G
    Answered on January 24, 2018 at 09:18 AM

    Please note that the auto fill feature saves the data on the browser which means that if the cache is cleared the data will be cleared from the form as well. 

    Alternatively, you may use a different method: https://www.jotform.com/help/97-How-to-Save-Forms-and-Continue-Later 

    If you have more questions regarding this, or need further assistance regarding auto fill or save and continue later, please let us know through a new thread

    Thanks. 

  • Profile Image
    lafhab2
    Answered on February 20, 2018 at 05:16 AM

    I Have reported before a worsening compatibility with ipads, many forms starting to not work, or getting stuck when they work fine on the same internet connection. Another one found, is form https://form.jotform.com/70482359301958 - works fine on Win7/Chrome, but on iPad it won't move to the next page (Next).  As I said before, it seems like the backend is being changed and it is becoming frustrating how many forms are not working, it is too many different forms and too frequently to be something at our end. We are a training company using 25+ ipads, if forms continue to not work we will have to explore other options.  Again it is iPad 2.

  • Profile Image
    Ardian_L
    Answered on February 20, 2018 at 07:42 AM

    I am sorry for any inconvenience caused. I have tested out your form in iPad Mini 2 and it was working fine on my end. So to be more clear when you press the next button the form freezes? Are you using Safari or Chrome on the iPad?

    Please let us know so we can investigate the issue furthermore.