---
title: "How to: Write Data to a Uniform Grid"
slug: "how-to-write-data-to-a-uniform-grid"
description: "Learn to set up a Uniform Grid component for data entry, utilizing grid referencing syntax to efficiently write data to specific rows and cells."
updated: 2026-02-02T19:07:47Z
published: 2026-02-03T15:48:58Z
canonical: "docs.unqork.io/how-to-write-data-to-a-uniform-grid"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unqork.io/llms.txt
> Use this file to discover all available pages before exploring further.

# How to: Write Data to a Uniform Grid

UDesignerClassic Designer

Setting up a **Uniform Grid** component for data entry is simple and straightforward. But, with some logic components, it's easy to read data from one location and write it to your Uniform Grid component. Referencing syntax also makes it possible to write data to specific parts of the component. For example, updating one grid row or a single cell.

> [!NOTE]
> Grid referencing syntax is currently supported in the following logic components: [Calculator](/v1/docs/calculator-component), [Decisions](/v1/docs/decisions-component), [Initializer](/v1/docs/initializer-component), [Plug-In](/v1/docs/plug-in-component), and [Data Workflow](/v1/docs/data-workflow-component) components.

> [!TIP]
> To learn more about using grid referencing syntax with the Uniform Grid component, see the [Uniform Grid and Freeform Grid: Logic and Referencing Syntax](/v1/docs/uniform-grid-and-freeform-grid-logic-and-referencing-syntax) article.

## Setting Up the Uniform Grid Component

You’ll begin by configuring the Uniform Grid component to include the following fields: Name, Age, and Country.

### Configure the Uniform Grid Component

1. In the Module Builder, drag and drop a **Uniform Grid** component onto the canvas.
2. In the **Property ID** field, enter `uniformGrid`.
3. In the **Label Text** field, enter `Uniform Grid`.
4. From the **Labels** drop-down, select **Show inline**.
5. Click **Save Component**.

### Configure the Text Field Component

1. Drag and drop a **Text Field** component onto the canvas, placing it inside the `uniformGrid` **Uniform Grid** component.
2. In the **Property ID** field, enter `name`.
3. In the **Label Text** field, enter `Name`.
4. Click **Save Component**.

### Configure the Number Component

1. Drag and drop a **Number** component onto the canvas, placing it inside the `uniformGrid` **Uniform Grid** component, below the `name` **Text Field** component.
2. In the **Property ID** field, enter `age`.
3. In the **Label Text** field, enter `Age`.
4. Click **Save Component**.

### Configure the Dropdown Component

1. Drag and drop a **Dropdown** component onto the canvas, placing it inside the `uniformGrid` **Uniform Grid** component, below the `age` **Number** component.
2. In the **Property ID** field, enter `country`.
3. In the **Label Text** field, enter `Country`.
4. Complete the **Values** table as follows:

| Option Label | Data Source Values |
| --- | --- |
| USA | USA |
| Other | Other |
5. Click **Save Component**.

## Writing Data to the Entire Grid

Begin by writing data to the entire Uniform Grid component. The data source is a [Data Table](/v1/docs/data-table-component) component, and a [Calculator](/v1/docs/calculator-component) component runs the logic to write the Data Table component's data to the Uniform Grid component. Because a Uniform Grid component stores data as an array of row objects, it's simple to map table-based data directly to the component.

### Configure the Columns Component

For organizational purposes, add a [Columns](/v1/docs/columns-component) component to group the components involved in writing data to the Uniform Grid component at various levels. The first column contains the components involved in writing to the Uniform Grid component at the grid level.

1. Drag and drop a **Columns** component onto your canvas, placing it below the `uniformGrid` **Uniform Grid** component.
2. In the **Property ID** field, enter `col1`.
3. Under **Column Layout**, select the icon displaying **three** evenly spaced columns.
4. Click **Save Component**.

### Configure the Data Table Component

The [Data Table](/v1/docs/data-table-component) component is the source of the data that the [Calculator](/v1/docs/calculator-component) component writes to the grid. Note that the Data Table component's column headers match the Property IDs of the fields in the Uniform Grid component. Similarly, every value in the country column matches one of the possible Data Source Values configured in the `country` **Dropdown** component you’ll add later.

1. Drag and drop a **Data Table** component in column one of the `col1` **Columns** component.
2. In the **Property ID** and **Label Text** fields, enter `dtPeopleGrid`.
3. Complete the data table as follows:

| name | age | country |
| --- | --- | --- |
| Cami Albares | 37 | USA |
| Art Venere | 62 | Other |
| Veronika Inouye | 51 | Other |
4. Click **Save Component**.

### Configure the Calculator Component

The formula used in this [Calculator](/v1/docs/calculator-component) component maps the input ([Data Table](/v1/docs/data-table-component) component) to the output ([Uniform Grid](/v1/docs/uniform-grid-component) component).

1. Drag and drop a **Calculator** component in column one of the `col1` **Columns** component, below the `dtPeopleGrid` **Data Table** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `calcGrid`.
3. In the **Inputs** table, enter the following:

| # | Source | Alias |
| --- | --- | --- |
| 1 | dtPeopleGrid | A |
4. In the **Outputs** table, enter the following:

| # | Property ID | Alias |
| --- | --- | --- |
| 1 | uniformGrid | =A |

![Calculator interface showing inputs and outputs for data processing with specific sources.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(788).png?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)
5. Click **Save Component**.

### Configure the Button Component

Lastly, add a [Button](/v1/docs/how-to-guide-button-component) component to trigger the Calculator component.

1. Drag and drop a **Button** component in column one of the `col1` **Columns** component, below the `calcGrid` **Calculator** component.
2. In the **Property ID** field, enter `btnGrid`.
3. In the **Label Text** field, enter `Write to Grid`.
4. From the **Action Type** drop-down, select **Event**.
5. From the **On Click** drop-down, enter or select `calcGrid`.
6. Click **Save Component**.

## Writing Data to a Row

Next, look at writing data to a single row in the grid. Again, a data table is the data source, with one row of data. In this configuration, a [Data Workflow](/v1/docs/data-workflow-component) retrieves the correct data structure to write to the grid. One row of the Uniform Grid component corresponds to one row in an array of row objects. To write data to a single row of the grid, you need to map the row object to another row object.

The Data Workflow uses a [Get](/v1/docs/get-operator) operator to retrieve a row object from the data table's array of row objects. Then, it outputs the row object to the row index of `0` in the Uniform Grid component. To target a single row of the Uniform Grid component, a [Decisions](/v1/docs/decisions-component) component uses the following grid referencing syntax structure: `{gridPropertyID}.row({rowIndex})`.

### Configure the Data Table Component

This [Data Table](/v1/docs/data-table-component) component contains a single row of data. It’s important to note that the Data Table component's column headers match the Property IDs of the fields in the Uniform Grid component.

1. Drag and drop a **Data Table** component onto your canvas in the second column of the `col1` **Columns** component.
2. In the **Property ID** and **Label Text** fields, enter `dtPeopleRow`.
3. Complete the data table as follows:

| name | age | country |
| --- | --- | --- |
| Sage Wieser | 50 | Other |
4. Click **Save Component**.

### Configure the Data Workflow Component

Next, set up the [Data Workflow](/v1/docs/data-workflow-component) to retrieve the first row object from the [Data Table](/v1/docs/data-table-component) component and output it to a [Hidden](/v1/docs/hidden-component) component.

1. Drag and drop a **Data Workflow** component in the second column of the `col1` **Columns** component, below the `dtPeopleRow` **Data Table** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `dwfRow`.

![Data workflow showing input, get, and output components for processing information.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(789).png?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)

#### Configure the Input Operator

1. Drag and drop an **Input** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | dtPeopleRow |
| Required | Yes |
| Source | Default |

#### Configure the Get Operator

1. Drag and drop a **Get** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Get |
| Label |  |
| Path | [0] |
3. Connect the output port (left) of the `dtPeopleRow` **Input** operator to the input port (right) of the **Get** operator.

#### Configure the Output Operator

1. Drag and drop an **Output** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | uniformGrid.row(0) |
| Action | value |
3. Connect the output port (left) of the **Get** operator to the input port (right) of the `uniformGrid.row(0)` **Output** operator.
4. Click **Save Component**.

### Configure the Button Component

Lastly, add a [Button](/v1/docs/button-component) component to trigger the Data Workflow component.

1. Drag and drop a **Button** component in the second column of the `col1` **Columns** component, below the `dwfRow` **Data Workflow** component.
2. In the **Property ID** field, enter `btnRow`.
3. In the **Label Text** field, enter `Write to Row`.
4. From the **Action Type** drop-down, select **Event**.
5. From the **On Click** drop-down, select **dwfRow**.
6. Click **Save Component**.

## Writing Data to a Cell

At the most granular level of grid referencing syntax, you’ll write data to a single cell of the Uniform Grid component. Writing data to a cell means updating a specific field in a single row of the grid. A single field in a single row is simply a key/value pair in the array of row objects. So, you can output a value directly from a logic component, like an [Initializer](/v1/docs/initializer-component) component, and target a single cell of the Uniform Grid component. The Initializer component uses the following grid referencing syntax structure: `{gridPropertyID}.col({columnPropertyID}).row({rowIndex})`.

### Configure the Initializer Component

This [Initializer](/v1/docs/initializer-component) component defines what value to write to the output using the Outputs table.

1. Drag and drop an **Initializer** component in column three of the `col1` **Columns** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `initCell`.
3. From the **Trigger Type** drop-down, select **New Submission**.
4. In the **Outputs** table, enter the following:

| # | Property ID | Type | Value |
| --- | --- | --- | --- |
| 1 | uniformGrid.col(name).row(0) | value | Josephine Darakjy |

![Initializer settings showing trigger type and output values for a new submission.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(790).png?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)
5. Click **Save Component**.

### Configure the Button Component

Lastly, add a [Button](/v1/docs/button-component) component to trigger the Initializer component.

1. Drag and drop a **Button** component in column three of the `col1` **Columns** component, below the `initCell` **Initializer** component.
2. In the **Property ID** field, enter `btnCell`.
3. In the **Label Text** field, enter `Write to Cell`.
4. From the **Action Type** drop-down, select **Event**.
5. From the **On Click** drop-down, select **initCell**.
6. Click **Save Component**.
7. **Save** your module.

Here's how the completed configuration looks in the Module Builder:

![User input fields for name, age, and country in a grid layout interface.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(791).png?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)

Preview your module in Express View to view its functionality:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/uniformGrid_howTo_ExpressGif.gif?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)

Setting up a **Uniform Grid** component for data entry is simple and straightforward. But, with some logic components, it's easy to read data from one location and write it to your Uniform Grid component. Referencing syntax also makes it possible to write data to specific parts of the component. For example, updating one grid row or a single cell.

> [!NOTE]
> Grid referencing syntax is currently supported in the following logic components: [Calculator](/v1/docs/calculator-component), [Decisions](/v1/docs/decisions-component), [Initializer](/v1/docs/initializer-component), [Plug-In](/v1/docs/plug-in-component), and [Data Workflow](/v1/docs/data-workflow-component) components.

> [!TIP]
> To learn more about using grid referencing syntax with the Uniform Grid component, see the [Uniform Grid and Freeform Grid: Logic and Referencing Syntax](/v1/docs/uniform-grid-and-freeform-grid-logic-and-referencing-syntax) article.

## Setting Up the Uniform Grid Component

You’ll begin by configuring the Uniform Grid component to include the following fields: Name, Age, and Country.

### Configure the Uniform Grid Component

1. In the Module Builder, drag and drop a **Uniform Grid** component onto the canvas.
2. In the **Property ID** field, enter `uniformGrid`.
3. In the **Label Text** field, enter `Uniform Grid`.
4. Set **Labels** as **Show inline**.
5. Click **Save**.

### Configure the Text Field Component

1. Drag and drop a **Text Field** component inside the `uniformGrid` **Uniform Grid** component.
2. In the **Property ID** field, enter `name`.
3. In the **Label Text** field, enter `Name`.
4. Click **Save & Close**.

### Configure the Number Component

1. Drag and drop a **Number** component inside the `uniformGrid` **Uniform Grid** component, below the `name` **Text Field** component.
2. In the **Property ID** field, enter `age`.
3. In the **Label Text** field, enter `Age`.
4. Click **Save & Close**.

### Configure the Dropdown Component

1. Drag and drop a **Dropdown** component inside the `uniformGrid` **Uniform Grid** component, below the `age` **Number** component.
2. In the **Property ID** field, enter `country`.
3. In the **Label Text** field, enter `Country`.
4. Complete the **Values** table as follows:

| Option Label | Data Source Values |
| --- | --- |
| USA | USA |
| Other | Other |
5. Click **Save & Close**.

## Writing Data to the Entire Grid

Begin by writing data to the entire Uniform Grid component. The data source is a [Data Table](/v1/docs/data-table-component) component, and a [Calculator](/v1/docs/calculator-component) component runs the logic to write the Data Table component's data to the Uniform Grid component. Because a Uniform Grid component stores data as an array of row objects, it's simple to map table-based data directly to the component.

### Configure the Columns Component

For organizational purposes, add a [Columns](/v1/docs/columns-component) component to group the components involved in writing data to the Uniform Grid component at various levels. The first column contains the components involved in writing to the Uniform Grid component at the grid level.

1. Drag and drop a **Columns** component onto your canvas, placing it below the `uniformGrid` **Uniform Grid** component.
2. In the **Property ID** field, enter `col1`.
3. Under **Column Layout**, select the icon displaying **three** evenly spaced columns.
4. Click **Save & Close**.

### Configure the Data Table Component

The [Data Table](/v1/docs/data-table-component) component is the source of the data that the [Calculator](/v1/docs/calculator-component) component writes to the grid. Note that the Data Table component's column headers match the Property IDs of the fields in the Uniform Grid component. Similarly, every value in the country column matches one of the possible Data Source Values configured in the `country` **Dropdown** component you’ll add later.

1. Drag and drop a **Data Table** component in column one of the `col1` **Columns** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `dtPeopleGrid`.
3. Complete the data table as follows:

| name | age | country |
| --- | --- | --- |
| Cami Albares | 37 | USA |
| Art Venere | 62 | Other |
| Veronika Inouye | 51 | Other |
4. Click **Save & Close**.

### Configure the Calculator Component

The formula used in this [Calculator](/v1/docs/calculator-component) component maps the input ([Data Table](/v1/docs/data-table-component) component) to the output ([Uniform Grid](/v1/docs/uniform-grid-component) component).

1. Drag and drop a **Calculator** component in column one of the `col1` **Columns** component, below the `dtPeopleGrid` **Data Table** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `calcGrid`.
3. In the **Inputs** table, enter the following:

| # | Property ID | Alias |
| --- | --- | --- |
| 1 | dtPeopleGrid | A |
4. In the **Outputs** table, enter the following:

| # | Property ID | Alias |
| --- | --- | --- |
| 1 | uniformGrid | =A |

![Configuration settings for a calculator with input and output fields displayed clearly.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(793).png?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)
5. Click **Save & Close**.

### Configure the Button Component

Lastly, add a [Button](/v1/docs/how-to-guide-button-component) component to trigger the Calculator component.

1. Drag and drop a **Button** component in column one of the `col1` **Columns** component, below the `calcGrid` **Calculator** component.
2. In the **Property ID** field, enter `btnGrid`.
3. In the **Label Text** field, enter `Write to Grid`.
4. Set the **Action Type** as **Event**.
5. In the **On Click** field, enter `calcGrid`.
6. Click **Save & Close**.

## Writing Data to a Row

Next, look at writing data to a single row in the grid. Again, a data table is the data source, with one row of data. In this configuration, a [Data Workflow](/v1/docs/data-workflow-component) retrieves the correct data structure to write to the grid. One row of the Uniform Grid component corresponds to one row in an array of row objects. To write data to a single row of the grid, you need to map the row object to another row object.

The Data Workflow uses a [Get](/v1/docs/get-operator) operator to retrieve a row object from the data table's array of row objects. Then, it outputs the row object to the row index of `0` in the Uniform Grid component. To target a single row of the Uniform Grid component, a [Decisions](/v1/docs/decisions-component) component uses the following grid referencing syntax structure: `{gridPropertyID}.row({rowIndex})`.

### Configure the Data Table Component

This [Data Table](/v1/docs/data-table-component) component contains a single row of data. It’s important to note that the Data Table component's column headers match the Property IDs of the fields in the Uniform Grid component.

1. Drag and drop a **Data Table** component in column two of the `col1` **Columns** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `dtPeopleRow`.
3. Complete the data table as follows:

| name | age | country |
| --- | --- | --- |
| Sage Wieser | 50 | Other |
4. Click **Save & Close**.

### Configure the Data Workflow Component

Next, set up the [Data Workflow](/v1/docs/data-workflow-component) to retrieve the first row object from the [Data Table](/v1/docs/data-table-component) component and output it to a [Hidden](/v1/docs/hidden-component) component.

1. Drag and drop a **Data Workflow** component in column two of the `col1` **Columns** component, below the `dtPeopleRow` **Data Table** component.
2. In the **Canvas Label Text** and **Property Name** fields, enter `dwfRow`.

![Data workflow diagram showing input, processing, and output components for dtPeopleRow.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/uniformGrid_howTo_dwfRow.jpg?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)

#### Configure the Input Operator

1. Drag and drop an **Input** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | dtPeopleRow |
| Required | Yes |
| Source | Default |

#### Configure the Get Operator

1. Drag and drop a **Get** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Get |
| Label |  |
| Path | [0] |
3. Connect the output port (left) of the `dtPeopleRow` **Input** operator to the input port (right) of the **Get** operator.

#### Configure the Output Operator

1. Drag and drop an **Output** operator onto your Data Workflow canvas.
2. Configure the operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | uniformGrid.row(0) |
| Action | value |
3. Connect the output port (left) of the **Get** operator to the input port (right) of the `uniformGrid.row(0)` **Output** operator.
4. Click **Save**.

### Configure the Button Component

Lastly, add a [Button](/v1/docs/button-component) component to trigger the Data Workflow component.

1. Drag and drop a **Button** component in column two of the `col1` **Columns** component, below the `dwfRow` **Data Workflow** component.
2. In the **Property ID** field, enter `btnRow`.
3. In the **Label Text** field, enter `Write to Row`.
4. Set the **Action Type** as **Event**.
5. From the **On Click** drop-down, select **dwfRow**.
6. Click **Save & Close**.

## Writing Data to a Cell

At the most granular level of grid referencing syntax, you’ll write data to a single cell of the Uniform Grid component. Writing data to a cell means updating a specific field in a single row of the grid. A single field in a single row is simply a key/value pair in the array of row objects. So, you can output a value directly from a logic component, like an [Initializer](/v1/docs/initializer-component) component, and target a single cell of the Uniform Grid component. The Initializer component uses the following grid referencing syntax structure: `{gridPropertyID}.col({columnPropertyID}).row({rowIndex})`.

### Configure the Initializer Component

This [Initializer](/v1/docs/initializer-component) component defines what value to write to the output using the Outputs table.

1. Drag and drop an **Initializer** component in column three of the `col1` **Columns** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `initCell`.
3. From the **Trigger Type** drop-down, select **New Submission**.
4. In the **Outputs** table, enter the following:

| # | Property ID | Type | Value |
| --- | --- | --- | --- |
| 1 | uniformGrid.col(name).row(0) | value | Josephine Darakjy |

![Display settings for a new submission trigger in an application initializer interface.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(792).png?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)
5. Click **Save & Close**.

### Configure the Button Component

Lastly, add a [Button](/v1/docs/button-component) component to trigger the Initializer component.

1. Drag and drop a **Button** component in column three of the `col1` **Columns** component, below the `initCell` **Initializer** component.
2. In the **Property ID** field, enter `btnCell`.
3. In the **Label Text** field, enter `Write to Cell`.
4. Set the **Action Type** as **Event**.
5. From the **On Click** drop-down, select **initCell**.
6. Click **Save & Close**.
7. **Save** your module.

Here's how the completed configuration looks in the Module Builder:

![User input fields for name, age, and country in a uniform grid layout.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(794).png?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)

Preview your module in Express View to view its functionality:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/uniformGrid_howTo_ExpressGif.gif?sv=2026-02-06&spr=https&st=2026-11-09T03%3A51%3A19Z&se=2026-11-09T04%3A51%3A19Z&sr=c&sp=r&sig=PD8WEyh9BrvySbS6XCA8bfJQobPWps6MDdvOhru5MyA%3D)

Label Text conveys what the input component is and what information it displays. Enter the purpose of the corresponding component or field.

Label Text conveys what the input component is and what information it displays. Enter the purpose of the corresponding component or field.

An array is a type of object that stores one or more data types. Data types supported in arrays include numbers, strings, and objects.

An object is a type of data structure that represents a single, self-contained entity that acts as a container for the characteristics of that entity.

A Property ID is the unique field ID used by Unqork to track and link components in your module.

Canvas Label Text indicates the purpose of the corresponding field or component. For non-input components, the Canvas Label Text isn't end-user facing, and only appears in the .

Triggers activate another component when certain requirements are met. Trigger types include Concurrent, Post, and Error. Some components do not have the ability to trigger others.

The action performed by the button when selected.

Enter the Property ID of the component that you want to trigger on each button-click.

A data structure is the design used for organizing, using, and storing data.

A key-value pair is a fundamental data structure where a unique "key" is associated with a specific "value," used for organizing and retrieving data efficiently, like in dictionaries or databases.

Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.