Therefore™ Help

Zoom Window Out
Larger Text | Smaller Text
Hide Page Header
Show Expanding Text
Printable Version
Save Permalink URL

Reference > Solution Designer > Design > eForms Object > eForms Components > Data Components

Edit Grid

SD_R_Design_eForms_Comp_EditGrid_001

Edit Grids allow users to replicate an table like structure when it comes to the capture and display of form data. Users can add multiple components inside of the Edit Grid. Additionally, any number of grids can be added within a form which is especially useful when needing the ability to add or duplicate multiple fields sets.

Display Tab

SD_R_Design_eForms_Comp_EditData_002

Label

The name or title for this component.

Hide Label

Hide the label of this component. This setting will display the label in the form builder, but hide the label when the form is rendered.

Label Position

Position for the label for this field.

Placeholder

The placeholder text that will appear when this field is empty.

Description

The Description is text that will appear below the input field.

Tooltip

Adds a tooltip icon to the side of this field.

Error Label

The label that will display for the field when a validation error message is shown.

Custom CSS Class

A custom CSS class to add to this component. Multiple class names can be added, separated by a space.

Tab Index

Sets the tabindex attribute of this component to override the tab order of the form.

SD_R_Design_eForms_Comp_EditData_003

Allow Reordering

Allows changing the order of multiple values using drag and drop.

Clear Value when Hidden

Clears the value when the field is hidden

Hidden

Remains part of the form but is hidden from view.

Hide Input

Hides the input in the browser.

Disabled

Disables the form input.

Initial Focus

The field becomes the initially focused field on the form.

Templates

SD_R_Design_eForms_Comp_EditData_004

Header Template

This is the Lodash template used to render the Header of the Edit grid.

Row Template

This is the Lodash template used to render each row of the Edit grid.

Footer Template

This is the Lodash template used to render the Footer of the Edit grid.

Row CSS Class

CSS Class to add to the edit row wrapper.

Add Another Text

Adds another text.

Save Row Text

Set the text of the Save Row button.

Remove Row Text

Set the text of the Remove Row button.

Data Tab

SD_R_Design_eForms_Comp_EditData_005

Inline Editing

Changes in 'Edit' mode would be submitted directly to the submission object.

Refresh On

Refresh data when another field changes.

Clear Value On Refresh

Clears the components value when the field has refreshed.

SD_R_Design_eForms_Comp_EditData_006

SD_R_Design_eForms_Comp_EditData_007

SD_R_Design_eForms_Comp_EditData_008

SD_R_Design_eForms_Comp_EditData_009

Allow Manual Override of Calculated Value

Manually overrides the calculated value.

Validation Tab

SD_R_Design_eForms_Comp_EditData_010

Required

A required field must be completed before a form can be submitted. Indicated by an asterisks on the form.

Validate On

Determines when this component should trigger front-end validation.

Custom Error Message

Custom error message displayed when an error occurs.

SD_R_Design_eForms_Comp_EditData_011

Secret Validation

Check this to perform validation on the server side only; this maintains the privacy of the validation logic.

SD_R_Design_eForms_Comp_EditData_012

API Tab

SD_R_Design_eForms_Comp_EditData_013

Property Name

Names the field for the API endpoint.

Field Tags

Tags the field for use in custom logic.

Custom Properties

Enables the configuration of any custom properties for this component.

Add Another

Adds another configuration row.

Conditional Tab

SD_R_Design_eForms_Comp_EditData_014

This component should Display

Select between 'True' or 'False'

When the form component

Select from the list of form components.

Has the value

Enter a value for the condition.

SD_R_Design_eForms_Comp_EditData_015

SD_R_Design_eForms_Comp_EditData_016

Logic tab

SD_R_Design_eForms_Comp_EditData_017

Logic Name

Gives the logic a label

Type

Select between Simple, Javascript, JSON Logic or Event.

Add Action

Adds another action to the logic.

Save Logic

Saves the current logic list.

Add Logic

Adds another Logic for configuration.