Table with check box

  • ruralsupport
    Asked on July 22, 2018 at 11:36 AM

    Is it possible to create a table with 5 colums and multiple rows with the 5 column being a checkbox to select a product on that row. Sounds simple but I'm unable to find a widget to do this.

    I nearly applied a data grid widget with a checkbox widget to the right but was unable to use CSS to remove the elements of the data grid I didn't want (think because it uses an iframe)

    Jotform Thread 1531546 Screenshot
  • DonaldHag
    Replied on July 22, 2018 at 12:44 PM

    Unfortunately, the table widgets available do not allow for adding different fields within the table.

    A workaround is to make use of the Configurable List Widget to add different field types in a row. Here is a guide on using it: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget

    You can then style it to look like a table after setting it up.




  • ruralsupport
    Replied on July 22, 2018 at 2:56 PM

    I had actually tried this but I needed the textarea to be read only and the readonly attribute seems to be a HTML attribute rather than a CSS one.

  • Mike_G JotForm Support
    Replied on July 22, 2018 at 4:56 PM

    Although we can try to create the table that would look exactly like the one in your screenshot using CSS codes. We also need to consider the output that you would like to have when the form is submitted. What information does the table need to generate or include in the submission data?

    Also, just to clarify, you have two blank columns in the table that you showed us. Do the Costs (incl VAT) field need to be a textbox field?

    We will wait for your response.