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

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

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.

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

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.

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

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.

We will wait for your updated response.