Input table field: Ability to disable or make readonly specific cells of a table

  • Profile Image
    Triops
    Asked on January 04, 2019 at 06:45 AM

    Hi,

    I would like to create an input table with check boxes on it in order to create a selectable table in which you can check many cells in every row. However, I would like to disable some of the cells of this table, but I have not found the way to do it.

    Is there any way to disable some of the cells of a table?

    Many thanks!

  • Profile Image
    Victoria_K
    Answered on January 04, 2019 at 07:50 AM

    May I ask if you would like to limit selection per row/column or to make specific cells as read-only? It would help us if you can share a link to form you are working on. We will wait for your reply. 

  • Profile Image
    Triops
    Answered on January 04, 2019 at 08:13 AM

    Hi Victoria,

    I would like to make specific cells read-only. Here you have a link of the form I am working on https://eu.jotform.com/90033342958356.

    In this case, I would like people to be able to choose football every day, boxing on Monday, Wednesday and Friday (but not on Tuesday and Thursday), and hockey on Tuesday and Thursday (but not on Monday, Wednesday and Friday).

    Many thanks

  • Profile Image
    Kiran
    Answered on January 04, 2019 at 09:01 AM

    Please note that it is only possible to disable the mouse clicks on the checkboxes using the following CSS injected to the form

    #input_24_1_1, #input_24_1_3, #input_24_2_0, #input_24_2_2, #input_24_2_4 {

        pointer-events: none;

    }

    However, using the tab key from the keyboard would allow the user to select the checkbox in this case.

    If you do not want to allow the user to select the specific options, you may hide them from the table by using the following CSS code.

    #input_24_1_1, #input_24_1_3, #input_24_2_0, #input_24_2_2, #input_24_2_4 {

        display: none;

    }

    154661013904012019_190126_10.png

    Thanks!