Infinite list widget is not mobile responsive

  • Profile Image
    MedicareMadeEasy.US
    Asked on April 09, 2019 at 09:40 PM

    The "Infinite List" widget does seem to work in mobile environments.  I have 2 instances of these in my form title "Profile".  One for people to list their physicians and one for people to list their prescriptions.  Each of these has 3 elements per row, but only two are accessible on my cell phone.  There is no way to get to the third element and once you have entered the second element, there is no way to get back to the first or click the "save" button. 

    Please tell me how to fix this or advise me on other widgets to use that are "responsive".

    Thanks

    Greg

     

  • Profile Image
    jherwin
    Answered on April 10, 2019 at 12:10 AM

    Please inject this custom CSS code in both infinite list widget to reduce the font-size of the widget when it's viewed using mobile.

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)
    .form-pagebreak-back, .form-pagebreak-next, .form-product-item.hover-product-item {
        input[type="text"] {
        width:70%!important;  
        font-size: 9px!important;
    }
    }

    Guide: How-to-Inject-CSS-Codes-to-Widgets
    1554869418result.png

    Please give it a try and let us know how it goes.

  • Profile Image
    jherwin
    Answered on April 10, 2019 at 12:12 AM

    In addition, to center align the form in mobile, please inject the code below to your form builder.

    .form-all{margin:auto!important;}

    Guide: How-to-Inject-Custom-CSS-Codes