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

Data Grid

SD_R_Design_eForms_Comp_DataGrid_001

Data Grids allow users to add multiple components on to a line item grid. Once placed, users can add multiple components inside of the Data 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_DataGrid_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.

Disable Adding / Removing Row

Check to hide 'Add Another' and 'Remove Row' buttons.

Add Another Text

Sets the text for the 'Add Another' button.

Add Another Position

Position of the 'Add Another' button with respect to the Data Grid array.

Remove Button Placement

Removes the button placement.

Default Open Rows

Opens the rows with existing values by default.

Equal Column Width

Creates equal widths for every column in the data grid.

Enable Row Groups

Rows can be divided into groups with labels.

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_DataGrid_003

Allow Reordering

Allows change 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.

Data Tab

SD_R_Design_eForms_Comp_DataGrid_004

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_DataGrid_005

SD_R_Design_eForms_Comp_DataGrid_006

SD_R_Design_eForms_Comp_DataGrid_007

SD_R_Design_eForms_Comp_DataGrid_008

Allow Manual Override of Calculated Value

Manually overrides the calculated value.

Validation Tab

SD_R_Design_eForms_Comp_DataGrid_009

Required

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

Minimum Length

The minimum length required that this field must meet.

Maximum Length

The maximum length required that this field must meet.

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_DataGrid_010

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_DataGrid_011

API Tab

SD_R_Design_eForms_Comp_DataGrid_012

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_DataGrid_013

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_DataGrid_014

SD_R_Design_eForms_Comp_DataGrid_015

Logic tab

SD_R_Design_eForms_Comp_DataGrid_016

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.