Block Certain Cells of Input Table?

  • wkwan
    Asked on July 30, 2021 at 7:35 PM

    Is there a way to block certain cells of an Input Table from any entry by the form user? There are some cells in a table where I prefer to just block the user from typing in anything. My current workaround is for the cell to have no effect on the table but I would rather the form user cannot type anything in those cells at all.

  • Girish JotForm Support
    Replied on July 31, 2021 at 5:26 AM

    We can hide those cells or grey out those cells using CSS.

    Would that work?

    If that will work, please share the form URL and the cells that you want to hide.

  • wkwan
    Replied on July 31, 2021 at 1:29 PM

    That would work as long as the user cannot input anything into the cell.

    https://form.jotform.com/212107447851150 The following are some of the cells in the table in that form that I want to cover/hide. There are more but these will serve as examples. Thank you.

    1627752474 6105881ad0313  Screenshot 10

    1627752552 610588681d68a  Screenshot 21

  • Vick_W Jotform Support
    Replied on August 1, 2021 at 6:05 AM

    Hi there,

    Kindly inject the following CSS to block/disable the two cells in the "Extra Battery for Air Particulate Monitor ($16 ea)" row.

    input#input_7_15_1, input#input_7_15_2  {  display: none;}

    I've created a short video to show you how you can find these cell ids. You can add them in the above code by separating them using Comma.

    1627812156 6106713c8dd75 1test Screenshot 10

    The video above is created using a clone of your form.

    https://form.jotform.com/212123037513946

    https://www.jotform.com/help/42-how-to-clone-an-existing-form-from-a-url

    Let us know if you need further assistance.

    Thanks

  • wkwan
    Replied on August 1, 2021 at 4:41 PM

    Perfect! Thanks!