Configurable List not showing in full on mobile phone

  • earthlingco
    Asked on June 14, 2019 at 4:59 AM

    Hi there the following form is not displaying correctly on an Android Phone, for e.g. the user is not able to scroll all the way to the "Pass Section". 


    Why is this? On multiple Android phones it does not work, on iphone everythign is ok. 

    Page URL: https://form.jotform.co/91563966543872
  • Victoria_K
    Replied on June 14, 2019 at 6:08 AM

    I can suggest to make the Configurable List widget of your form mobile responsive. Here is how: How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

    Let us know if you need more help with this. 

  • earthlingco
    Replied on June 14, 2019 at 8:41 AM

    Hi yes but the options are limited, i don't want the table to load vertically as it does not help, as we have different users logging in and it can get confusing when they add items. On Android why is this a problem? On iPhone it is ok.

  • roneet
    Replied on June 14, 2019 at 10:09 AM

    I have injected the following CSS code in your widget:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    input[type="text"], select, textarea {
     width: 70px !important;
    }

    }

    Could you please check if this works for you.

    Results:

    Configurable List not showing in full on mobile phone Image 10

    Let us know if you have further questions.

    Thanks.

  • earthlingco
    Replied on June 14, 2019 at 12:28 PM

    Thank you all works great. 

  • earthlingco
    Replied on June 15, 2019 at 4:34 AM

    Hi I have another query regarding this form, we have 4 or so users logging into this form at any one time to fill in their respective sections.  and what tends to happen is that when they press "next" to save the form only some of the Sections (e.g. fryer and grill might only be saved with pass and larder being blank). 

    However when one person does it at a time, it works ok. How can we get around this?

  • Victoria_K
    Replied on June 15, 2019 at 6:01 AM

    Hello,

    We will address your next question in a separate thread: https://www.jotform.com/answers/1858067