Input table field columns are not displayed correctly in mobile device.

  • Profile Image
    ColumbiaArtLeague
    Asked on April 10, 2019 at 11:10 AM

    Hi,


    I am having trouble with the mobile formatting for the input table. I included an input table in my form ("Volunteer Assignments"), but when I go to use it on a mobile device, I can't see all the columns. Please let me know how to resolve this issue.


    https://form.jotform.com/90717354231150


    Thank you,

    Louise

  • Profile Image
    ashwin_d
    Answered on April 10, 2019 at 12:42 PM

    Please inject custom css code in your form and see if that solves your problem of mobile view:

    @media only screen and (max-device-width: 480px) {

    th.form-matrix-column-headers {

        min-width: 25px !important;

        padding-left: 0px !important;

        padding-right: 0px !important;

    }

    }

    The following guide should help you how to inject custom css code in form:   https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Do get back to us with a screenshot of the issue if you see any problem in mobile view. The following guide should help you how to upload image in forum post:   https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum  

    We will wait for your response.

  • Profile Image
    ColumbiaArtLeague
    Answered on April 10, 2019 at 01:06 PM

    Thanks for your help. This still did not solve the issue. We cannot see all the columns on a mobile view. Is there a way to enable horizontal scrolling?


    Thank you,

    Louise

  • Profile Image
    ashwin_d
    Answered on April 10, 2019 at 02:33 PM

    We can inject custom css code to increase  the width of the form to enable horizontal scrolling but it will cause issues with other form fields as well.

    I have injected some custom css code in  your form. Please test your form and see if it now displays correctly in mobile device? You may also like to share a screenshot of your form on how it appears in mobile, we will take a look. 

    We will wait for your response.

  • Profile Image
    ColumbiaArtLeague
    Answered on April 10, 2019 at 03:06 PM

     Ok, thanks. It still appears to not be working quite right. Just the last little column is unavailable to view.1554923190Image-1.jpg

  • Profile Image
    jonathan
    Answered on April 10, 2019 at 05:16 PM

    Can you please share also to us the URL of your website where the form was embedded. We need to test/check also the actual form embedded on the website.

    I did test the form using only its URL, and it appears to be working properly now on mobile browsers. I can see all the input table field columns using either orientation.

    1554930899zzz 2019-04-11 05.12.30.png

    1554930953zzz 2019-04-11 05.12.51.png


    We will wait for your updated response.