Matrix field not looking good in mobile view

  • stageit
    Asked on November 12, 2015 at 3:48 AM

    Hello,

    When I view my form on my pc, the form looks good,

    but when I go to view it on my phone the table is spread out and it does not look like my pc form. 

    Can anyone help me with this problem?

     

    (See the provided pictures).

     

    Thanks in advance.

     

    Owen

     

     

     

    Matrix field not looking good in mobile view Image 1 Screenshot 30

     

     

    Matrix field not looking good in mobile view Image 2 Screenshot 41

  • stageit
    Replied on November 12, 2015 at 4:03 AM
  • Kiran Support Team Lead
    Replied on November 12, 2015 at 11:47 AM

    Please try injecting the following CSS code to your JotForm by following the guide below :

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Code

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

    table.form-matrix-table > tbody > tr > th {

    width: 20px;

    }

    }

    After injecting the code above to your JotForm, the mobile view should be displaying as shown below :

    Matrix field not looking good in mobile view Image 1 Screenshot 20

    Let us know if you need any further assistance. We will be happy to help.

  • stageit
    Replied on November 13, 2015 at 4:00 AM

    Hey Kiran,

     

    Thank you for your response, I pasted the CSS code and it worked!

     

    -Owen

     

  • Sammy
    Replied on November 13, 2015 at 6:48 AM

    Hello Owen,

    On behalf of my colleague you are welcome.

    If you do have any other issues or inquiries feel free to let us know.