# Set Content in Data Design

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

Available in: Page Flow

Toolbox Category: Dynamic Content

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

**`Set Content in Data Design`** is a [regular block](/app-editor/page-flow/block-anatomy.md#regular-block) that allows you to set the content of elements that were generated using the [Content from Data Design](/app-editor/page-flow/toolbox-blocks/content-from-data-design.md) block and dynamically added to the page or form.

<div align="left"><figure><img src="/files/yn6ORBAMImlRFMbR5x3o" alt="" width="266"><figcaption><p>Set Content in Data Design block</p></figcaption></figure></div>

The behavior of the block is similar to the [Set Content](/app-editor/page-flow/toolbox-blocks/set-content.md) block, with some important differences:

* Element Selection: You can only choose an element placed inside the selected [Data Design](/app-editor/page-editor/built-in-elements/data-design.md) element.
* Works only with elements generated using [Content from Data Design](/app-editor/page-flow/toolbox-blocks/content-from-data-design.md) block that are dynamically added.

The block consists of the following (from top to bottom):

* *Behavior*: [Dropdown configuration setting](/app-editor/page-flow/block-anatomy.md#dropdown) that allows you to choose from three options:
  1. Set: Overwrite the contents of the chosen *Element* with *Content* provided.
  2. Append: Add the *Content* provided to the existing content of the chosen *Element*.
  3. Prepend: Add the *Content* provided before any existing content of the chosen *Element*.&#x20;
* *Data Design*: [Selectable Input](/app-editor/page-flow/block-anatomy.md#selectable-input) to choose the [Data Design](/app-editor/page-editor/built-in-elements/data-design.md) element whose element you want to target.
* *Element*: [Selectable Input](/app-editor/page-flow/block-anatomy.md#selectable-input) to choose the element, within the selected [Data Design](/app-editor/page-editor/built-in-elements/data-design.md), you want to change the content of.
* *ID*: Optional [Value Parameter](/app-editor/page-flow/block-anatomy.md#value-parameters) that accepts a [*text*](/app-editor/page-flow/references/value-types.md) value representing the unique value that was provided to the [Content from Data Design](/app-editor/page-flow/toolbox-blocks/content-from-data-design.md) block. See below for more details.
* *ID2*: Optional [Value Parameter](/app-editor/page-flow/block-anatomy.md#value-parameters) that accepts a [*text*](/app-editor/page-flow/references/value-types.md) value representing the secondary identifier that can be used to identify the desired element. See below for more details.
* *Content*: [Value Parameter](/app-editor/page-flow/block-anatomy.md#value-parameters) that accepts a [*text*](/app-editor/page-flow/references/value-types.md) value containing the content you want to set.

***

## ID and ID2 usage

The behavior of this block depends on the ID and ID2 [value parameters](/app-editor/page-flow/block-anatomy.md#value-parameters) and is detailed below:

* ID and ID2 not provided: Operate on the selected element for all generated instances of the same [Data Design](/app-editor/page-editor/built-in-elements/data-design.md) element.
* ID2 provided and ID not provided: Operate on the selected element for all generated instances of the same [Data Design](/app-editor/page-editor/built-in-elements/data-design.md) element with the same ID2 value.
* ID provided and ID2 not provided: Operate on the selected element for all generated instances of the same [Data Design](/app-editor/page-editor/built-in-elements/data-design.md) element with the same ID value. Since we recommend the ID value to be unique, this would choose one from all the generated instances of the associated [Data Design](/app-editor/page-editor/built-in-elements/data-design.md) element.
* ID and ID2 provided: Operate on the selected element for all generated instances of the same [Data Design](/app-editor/page-editor/built-in-elements/data-design.md) element with the same ID  and ID2 value.&#x20;

***

## Usage Examples

{% hint style="info" %}
**NOTE: Please refer to the prerequisite information shown** [**here**](/app-editor/page-flow/references/prerequisite-for-dynamic-content-block-examples.md) **before seeing the example.**&#x20;
{% endhint %}

The image below shows an example in which the content of the [Text](/app-editor/page-editor/editing-text.md) element that displays the current stock price (*Text460*) is set to *123.4* for Company 2, which is rendered with the ID *ST101* .&#x20;

<div align="left"><figure><img src="/files/kKtN03JU65JG3ry79sFD" alt="" width="520"><figcaption><p>Example 1 of Set Content in Data Design block</p></figcaption></figure></div>

The result of the above example is highlighted below, where the stock price for Company 2 is displayed with the value we set.

<figure><img src="/files/vLXPoFaek0EUm0NYWaWX" alt=""><figcaption><p>Result of the example 1</p></figcaption></figure>

In the second example, we will demonstrate the case where neither ID nor ID2 are provided. In this scenario, the system will set the content of the [Text](/app-editor/page-editor/editing-text.md) element (*Text460*) for all generated instances of the selected Data Design element.

<div align="left"><figure><img src="/files/3YpwrLCK3vUVNia2yHi7" alt="" width="547"><figcaption><p>Example 2 of Set Content in Data Design block</p></figcaption></figure></div>

In the above image the ID and ID2 value parameters are left blank and the Content value parameter is set to the text "Loading...: .

The result of the above example is highlighted below where the [Text](/app-editor/page-editor/editing-text.md) element showing the stock price of both companies says "Loading..."

<figure><img src="/files/SRkMTfxgdXQOo3AJzp7j" alt=""><figcaption><p>Result of the example 2</p></figcaption></figure>


---

# 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-content-in-data-design.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.
