Matrix table field input data too small to display in mobile browser

  • Profile Image
    trasoyerslake
    Asked on August 20, 2017 at 05:11 PM

    On my form the Calculated Fields display conditionally based on the input but do not align on MAC, IPAD and on I-Phone the field is too small to display the result. I don't know how to correct this or what I have done in the first place that creates the issue. The table is Cost of Booth and the column is Cost. The calculations come from a field that totals the selections made by the user of the form that is not displayed. I would like to have the "$" sign display and all results be 2 decimal places all of the time.

    I would also like to have the Calculated Cost fields display only so that the user can not enter data and change the results.

    I have included screen shots from the MAC, the IPAD mini and the IPhone of the same form. It is the same screen but different devices and order is MAC/I_PHONE/IPAD You can see the results are truncated on IPHONE and the results are not 2 decimal places.

    I am a new Jotform user but have been pleased with how robust your product is.

     

    Rick Soyers

     

  • Profile Image
    jonathan
    Answered on August 20, 2017 at 06:15 PM

    Please try adding the CSS codes on your form.

     

    .form-matrix-row-headers{

    width: 150px !important;

     

    }

     

    I tried this on a test form and it fixes the issue of the Matrix table field input boxes when using mobile browser.