# Set Input Feedback

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Input

Block Type: [Regular](/app-editor/page-flow/block-anatomy.md#regular-block)
{% endhint %}

**`Set Input Feedback`** is a [regular block](/app-editor/page-flow/block-anatomy.md#regular-block) that allows you to set the feedback for [Input](/app-editor/page-editor/built-in-elements/input.md), [Dropdown](/app-editor/page-editor/built-in-elements/dropdown.md), [Multi-line](/app-editor/page-editor/built-in-elements/multi-line.md), [Checkbox](/app-editor/page-editor/built-in-elements/checkbox.md) and [Toggle Switch](/app-editor/page-editor/built-in-elements/toggle-switch.md) elements on a page or form.

{% hint style="warning" %}
NOTE: [Input](/app-editor/page-editor/built-in-elements/input.md), [Dropdown](/app-editor/page-editor/built-in-elements/dropdown.md), [Multi-line](/app-editor/page-editor/built-in-elements/multi-line.md) elements must have their [**`Form Control`**](/app-editor/page-editor/built-in-elements/input.md#form-control) option set to "yes" for feedback control to work.
{% endhint %}

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.

{% hint style="success" %}
Refer to the [Set Input Feedback in Data Design](/app-editor/page-flow/toolbox-blocks/set-input-feedback-in-data-design.md) block for dynamically generated content.
{% endhint %}

The block comes in two modes which are discussed below.

## Mode 1 <a href="#mode-1" id="mode-1"></a>

<div align="left"><figure><img src="/files/dNlj2zS1scS4UDKm6fY6" alt="" width="415"><figcaption><p>Set Input Feedback (Mode 1)</p></figcaption></figure></div>

The Mode 1 version of the Set Input Feedback block consists of (from left to right):

* *Element*: [Selectable Input](/app-editor/page-flow/block-anatomy.md#selectable-input) to choose the element you want to set the feedback of.
* *Data*: [Dropdown](/app-editor/page-flow/block-anatomy.md#dropdown) that accepts the type of feedback to set.

## Mode 2 <a href="#mode-2" id="mode-2"></a>

<div align="left"><figure><img src="/files/nul6cc4dQr45orrJrrgR" alt="" width="415"><figcaption><p>Set Input Feedback (Mode 2)</p></figcaption></figure></div>

The Mode 2 version of the Set Input Feedback block consists of (from left to right):

* *Element*: [Value Parameter](/app-editor/page-flow/block-anatomy.md#value-parameters) that accepts either a [*text*](/app-editor/page-flow/references/value-types.md) value in the form of a [CSS Selector](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors) or an [*element*](/app-editor/page-flow/references/value-types.md) value[.](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors) The Element block comes pre-attached for your convenience but can be removed and customized.
* *Data*: [Dropdown](/app-editor/page-flow/block-anatomy.md#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".

<div align="left"><figure><img src="/files/HSizJX34TZguHM0rSHtf" alt="" width="563"><figcaption><p>Example of Set Input Feedback Mode 1</p></figcaption></figure></div>

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](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors) that selects the same element. This time the feedback has been set to "Valid".

<div align="left"><figure><img src="/files/5e2i8Q9ZoXgFUMtURstf" alt="" width="563"><figcaption><p>Example of Set Input Feedback Mode 2</p></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-input-feedback.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.