Data confirmation - ConfirmationSection

The data confirmation section is used to define a summary with values of selected application fields before submission. Additionally, it allows updating specified application fields that are linked to components placed in the section.

Description of operation

• To link a field placed in the section to a specific application field, you must indicate that application field as Data source from another field (valueSourceId) of the component in the section.

• After confirming the data entered in the section, it will be copied to the field indicated as valueSourceId.

• If we also want changes to the application field value to trigger an update of the linked field in the section, for the component in the section you should define a dependency on the application field.

The data confirmation component operates in two modes: edit and preview.

1

Preview mode

In preview mode the section displays the field Label, Content and a link used to switch to edit mode. After clicking the link, the component switches to edit mode.

2

Edit mode

In edit mode the section displays all components placed on it according to the section layout and additionally places a link on the right side used to confirm the entered changes.

Fields in the section are validated similarly to all other application fields. After confirming changes and successful validation, the data is sent to the component on the application linked via Data source from another field.

Data confirmation is not possible in case of any validation errors in the section fields. After successful confirmation of changes the section returns to preview mode.

After reopening the page containing the section, the component returns to its initial state (i.e., it takes values from the linked application fields).

In the case of discarding changes using the Cancel the deciding factor is the section configuration in Eximee Designer - the checked option Preserve values on cancel (preserveValuesOnCancel) will keep the previous values entered in the section's components; unchecked will clear them.

Component dependencies

A change in the value of the component on which the section depends causes recalculation of its state and the state of all components contained within it.

When any component in the section changes, the values of all components dependent on it are recalculated.

Component layout

In the section you can define a layout similarly to the layout for an application page.

Validation errors

Validation errors on the ConfirmationSection do not cause the Hide button Submit application.

Illustration 1. Component appearance on the form

Component properties

Eximee Designer property	Attribute name in Source	Description
ARIA description for the Edit button (section WCAG)	editLinkAriaDescriptionKey	Aria description (aria-description) for the Edit
ARIA description for the Submit button (section WCAG)	submitLinkAriaDescriptionKey	Aria description (aria-description) for the Submit

More information about component properties: Common component properties

Demo application: demoConfirmationSection

♿WCAG: WCAG best practices for low-code dev