Table in text field is not mobile responsive

  • Profile Image
    jabedoya60
    Asked on July 18, 2018 at 01: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

  • Profile Image
    david
    Answered on July 18, 2018 at 02: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.

  • Profile Image
    jabedoya60
    Answered on July 18, 2018 at 03:51 PM

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

  • Profile Image
    Jed_C
    Answered on July 18, 2018 at 05:08 PM

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

    1531947909The Easiest Online Form Builde

    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. 

  • Profile Image
    jabedoya60
    Answered on July 19, 2018 at 09: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.

  • Profile Image
    david
    Answered 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.PNG

    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.