Set Input Feedback
Set Input Feedback is a regular block that allows you to set the feedback for Input, Dropdown, Multi-line, Checkbox and Toggle Switch elements on a page or form.
NOTE: Input, Dropdown, Multi-line elements must have their Form Control option set to "yes" for feedback control to work.
The feedback can be one of:
Valid: Renders the element with a green border and a green check mark to indicate that the data entered is valid.
Invalid: Renders the element with a red border and a red exclamation mark to indicate that the data entered is invalid.
Cleared: Resets the element to it's original pre-validated state.
Refer to the Set Input Feedback in Data Design block for dynamically generated content.
The block comes in two modes which are discussed below.
Mode 1
The Mode 1 version of the Set Input Feedback block consists of (from left to right):
Element: Selectable Input to choose the element you want to set the feedback of.
Data: Dropdown that accepts the type of feedback to set.
Mode 2
The Mode 2 version of the Set Input Feedback block consists of (from left to right):
Element: Value Parameter that accepts either a text value in the form of a CSS Selector or an element value. The Element block comes pre-attached for your convenience but can be removed and customized.
Data: Dropdown that accepts the type of feedback to set.
Usage Examples
The image below shows an example of the Mode 1 version where the feedback is set to "Invalid".
In the next example we see a Mode 2 version where the Element value parameter is attached to a Text block containing a CSS Selector that selects the same element. This time the feedback has been set to "Valid".
Last updated
