How to make the input table mobile responsive?

  • Profile Image
    topprime
    Asked on August 27, 2019 at 09:59 PM

    Hey guys, how can i make it responsible?



    This is a re-post of a comment on How to Perform Form Calculation in the Input Table Field?

  • Profile Image
    Kevin_G
    Answered on August 27, 2019 at 11:47 PM

    Unfortunately, it's not possible to make the element mobile responsive due to the structure, it's actually an HTML table which is not mobile responsive, but as an alternative, you may inject the following CSS code and display the table with a scrollbar: 

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

    [data-type="control_matrix"] div[id*="cid"] {

        overflow-x: auto;

    }

    }

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

    I hope this helps.