Table in text field is not mobile responsive

  • jabedoya60
    Asked on July 18, 2018 at 1:42 PM

    Hi Guys, I have a small problem with our online form when viewed on mobile devices, there is a chart with various columns that is not responsive, can you please take a look at it and see if you can help me fix this issue? Thank you.

    James

    Jotform Thread 1528238 Screenshot
  • David JotForm Support
    Replied on July 18, 2018 at 2:49 PM

    Since the table is in a text field, I am not sure it can be made mobile responsive.  My best recommendation would be to split each table into 2 separate tables, one on top of the other, so that they can fit naturally on mobile.

  • jabedoya60
    Replied on July 18, 2018 at 3:51 PM

    I can't copy the table so I can split it into 2 separate tables, is there a trick to do this?

  • Jed_C
    Replied on July 18, 2018 at 5:08 PM

    You can split the table like what is shown in my screenshot below.

    1531947909The Easiest Online Form Builde Screenshot 10

    Currently, manual splitting the table is the only if you are using the Text field. If you use the input table field, that can be split / customize with CSS.

    Let us know if you have any questions or if you need further assistance. 

  • jabedoya60
    Replied on July 19, 2018 at 9:18 AM

    Hi guys, I can't get it to split like the image above, that would resolve my issue on mobile devices, can you please help me split the table? Thank you.

  • David JotForm Support
    Replied on July 19, 2018 at 11:14 AM

    While editing the Text field contents, select the columns you want to remove then click on "Delete column":

    1532013169Capture Screenshot 10

    After that, insert a new table and add back the contents that were just removed.  Once each table is split to 2 tables, it should look much better on mobile.