Input Table: How to I change the field's width on mobile devices?

  • Profile Image
    adornedwithpolish
    Asked on September 19, 2017 at 07:54 PM

    One last thing. Despite changing the column width for the TOTAL table, the columns do not widen in mobile view so it will only display up to 2 digits in each row. For instance, instead of display 100 it will display 10.

  • Profile Image
    Kevin_G
    Answered on September 19, 2017 at 07:57 PM

    Please inject the following CSS code to your form in order to display the fields wider on mobile devices: 

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

      #id_79 .form-matrix-row-headers {

          width: 25px;

          min-width: initial;

      }

    }

    This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps. 

  • Profile Image
    adornedwithpolish
    Answered on September 19, 2017 at 08:04 PM

    Thank you for your reply however I injected the code and it is still displaying the same way in mobile view.

  • Profile Image
    Kevin_G
    Answered on September 19, 2017 at 08:42 PM

    I have just checked on a cloned form of yours and the code worked: https://form.jotformpro.com/72618094437967 

    I can see you have already deleted your form, may you please provide us a new form where  you injected the code? 

    We will be glad o inspect it. 


  • Profile Image
    adornedwithpolish
    Answered on September 19, 2017 at 08:52 PM

    The web address to the form I'm using is https://form.jotform.com/62695200624150. The total that should be showing is $205 however the last number is cut off due to the column not being wide enough.


  • Profile Image
    Kevin_G
    Answered on September 19, 2017 at 10:09 PM

    I have just cleared your forms cache and also removed the code and added it again to your form, it seems to be working now, may you please check now? 

    This is how the form should be showing up on your end: 

    I hope this helps. 

  • Profile Image
    adornedwithpolish
    Answered on September 19, 2017 at 10:30 PM

    It is displaying properly now. Thanks!