Form Field - Tabular

You can add a Tabular field to the form on your page. This field allows you to configure a table within your form by associating the field ID of the tabular as the Parent ID for the form fields required in the table.
  1. To add a Tabular element to the form first design a form by adding form fields to the design canvas.

  2. Drag and drop the Tabular field in the form.

  3. Hover your mouse over a field, for example First Name, and click .
    The Text Box pop-up window opens with the Properties tab open by default.
  4. In the Text Box pop-up window, under Properties, select the Parent ID as Tabular.
    The field, First Name, is added to the Tabular.

  5. Associate the Tabular’s field ID as the Parent ID for other fields that are to be added to the form.

    Note: When the Tabular field within a Form Group only the form fields present within that group can be added to that group’s Tabular.
  6. Click Preview.
    The Tabular opens in a new tab.

    Note: Any form fields not associated with the Tabular field will be displayed outside the Tabular.

  7. To add data in the Tabular component, click Add.
    The User Details’s fields window opens with the fields of the tabular displayed.

  8. In the User Details’s fields window, enter the values for the form fields.
  9. Click Save.
    The values are added to the Tabular.

    Note: The User Details’s fields window remains open for the user to add more fields.
  10. To close the Tabular’s fields window, click Cancel.
  11. To edit a row in the Tabular, select the row to be edited.
    The Edit button is enabled.
  12. Click Edit.
    Note: The Edit button is enabled only when you select exactly one row in the tabular. Selecting zero or more than 1 row will disable the Edit button.
  13. In the User Details’s fields window, modify the form field(s).
  14. Click Update.

    The Tabular’s fields window closes.
  15. To delete a row in the Tabular, select the row to be deleted.
  16. Click Delete.

    Note: The Delete button is enabled only when you select a single or multiple rows.