---
title: "Extend Operator"
slug: "extend-operator"
description: "Learn how to use the Extend operator to combine data from multiple Group Input operators in UDesigner, creating larger objects in your Data Workflow."
updated: 2025-10-28T13:30:14Z
published: 2025-10-28T13:30:14Z
canonical: "docs.unqork.io/extend-operator"
---

> ## 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.

# Extend Operator

UDesignerClassic Designer

## Overview

![A static image displaying the Extend operator along with its Info window.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Extend UDesigner.png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)The **Extend operator** lets you combine two objects into one. You'll often use the Extend operator in combination with the Group Input operator. The Group Input operator lets you create objects in the Data Workflow component. But the Group Input operator can only create an object with up to six fields. To create larger objects, use the Extend operator to combine the input from two Group Input operators.

Let's say you want to collect a lot of information from an end-user. When you create objects, there's a limit to the number of fields you can include. So, you'll have to store data in two objects. You can combine your objects into one using the Extend operator.

You’ll find the Extend operator under the [Object Operators](https://docs.unqork.io/docs/object-operator-types) group to the left of the [Data Workflow](https://docs.unqork.io/docs/data-workflow-component) canvas.

### Similar Data Workflow Operators

The Extend operator is similar to the Append operator. Here’s the comparison:

- **Extend operator**: Combines two objects into a single object. Often used with **Group Input** operators to create objects with more than six fields.
- **Append operator**: Combines strings or arrays. When appending strings, it acts as a concatenation. When appending arrays, it joins both arrays into one.

## About the Info Window

Here's a breakdown of each setting in the **Info** window:

| Setting | Description |
| --- | --- |
| Category | Grayed out and non-adjustable setting indicating the operation type. |
| Label | Sets the label for your operator, displaying below the operator on your Data Workflow canvas. This field is optional, but set a label if you use more than one of the same operator type. A label helps you identify your operators without opening any Info windows. |
| Preserve Argument Type | When selected, this setting ensures the argument data type is respected when the operator executes. |

## Adding an Extend Operator

In this example, an application has several components to collect your end-user's information. You'll convert the end-user's data into objects using [Group Input](/v1/docs/group-input-operator) operators. Because there’s a limit to the amount of data you can store in an object, you’ll use the Group Input operator. So, you'll need to create two objects to capture all of the end-user's data. You'll combine these two objects using the Extend operator.

### Configure the Text Field Components

First, you'll add four [Text Field](https://docs.unqork.io/docs/text-field-component) components to collect your end-user's information.

1. Drag and drop four **Text Field** components onto your canvas, placing them one after the other.
2. Enter the **Property ID** and **Label Text** details as follows:

| Property ID | Label Text |
| --- | --- |
| firstName | First Name |
| middleInitial | Middle Initial |
| lastName | Last Name |
| occupation | Occupation |
3. Click **Save Component** for each component as you add it.

### Configure the Date Input Component

Next, you'll add a [Date Input](https://docs.unqork.io/docs/date-input-component) component to collect the end-user's date of birth.

1. Drag and drop a **Date Input** component onto your canvas and place it under the `lastName` **Text Field** component**.**
2. In the **Property ID** field, enter `dateOfBirth`.
3. In the **Label Text** field, enter `Date of Birth`.
4. In the **Display (+/-) years from the current date** field, enter `-100`.
5. Under the **Advanced** section, complete the following:
  1. Set **Disable Calendar View** to ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggle_ON(10).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D) **(ON)**.
  2. From the **Restrict Date selection to:** drop-down, select **Past Only**.![A static image displaying the Advanced section of the Date Input component.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Date Input Advanced.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)
6. Click **Save Component**.

### Configure the Phone Number Component

Configure a [Phone Number](/v1/docs/phone-number-component) component to collect the end-user's phone number details.

1. Drag and drop a **Phone Number** component onto your canvas, placing it below the `dateOfBirth` **Date Input** component.
2. In the **Property ID** field, enter `phoneContact`.
3. In the **Label Text** field, enter `Phone Number`.
4. Click **Save Component**.

### Configure the Email Component

For the final input field, configure an [Email](/v1/docs/email-component) component to collect the end-user’s email address.

1. Drag and drop an **Email** component onto your canvas, placing it below the `phoneContact` **Phone Number** component.
2. In the **Property ID** field, enter `email`.
3. In the **Label Text** field, enter `Email Address`.
4. Click **Save Component**.

### Configure the Hidden Component

You'll add a [Hidden](https://docs.unqork.io/docs/hidden-component) component to store the output of your Data Workflow.

1. Drag and drop a **Hidden** component onto your canvas, placing it below the `occupation` **Text Field** component**.**
2. In the **Property ID** and **Label Text** fields, enter `userData` .
3. Click **Save Component**.

### Configure the Data Workflow Component

Add a [Data Workflow](/v1/docs/data-workflow-component) component to create objects from the end-user's input data and combine these objects into one.

1. Drag and drop a **Data Workflow** component onto your canvas, placing it above the `userData` **Hidden** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `dwfExtend`.

#### Configure the First Group Input Operator

Next, you'll add a [Group Input](https://docs.unqork.io/docs/group-input-operator) operator to create objects from your end-user's input data.

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

| Setting | Value |
| --- | --- |
| Category | Group Input |
| Component | firstName |
| Component 1 | middleInitial |
| Component 2 | lastName |
| Component 3 | dateOfBirth |
| Component 4 | phoneContact |
| Component 5 | email |
| Required | Yes |

> [!NOTE]
> You'll want every Component field in your first Group Input's Info window assigned. If any fields are left empty, the operator won't work.

#### Configure the First Console Operator

Add a [Console](https://docs.unqork.io/docs/console-operator) operator to view the progress of the **Group Input** operator.

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

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Group Input 1 |
3. Connect the output port (right) of the `firstName` **Group Input** operator to the input port (left) of the `Group Input 1` **Console** operator.

#### Configure the Second Group Input Operator

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

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | occupation |
| Component 1 |  |
| Component 2 |  |
| Component 3 |  |
| Component 4 |  |
| Component 5 |  |
| Required | Yes |

#### Configure the Second Console Operator

Add another **Console** operator to view the progress of your second **Group Input**.

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

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Group Input 2 |
3. Connect the output port (right) of the `occupation` **Group Input** operator to the input port (left) of the `Group Input 2` **Console** operator.

#### Configure the Extend Operator

You'll add an **Extend** operator to combine the data from the two **Group Input** operators into a single object.

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

| Setting | Value |
| --- | --- |
| Category | Extend |
| Label | Combine Data |
3. Connect the output port (right) of the `firstName` **Group Input** operator to the upper input port (left) of the `Combine Data` **Extend** operator.
4. Connect the output port (right) of the `occupation` **Group Input** operator to the lower input port (left) of the `Combine Data` **Extend** operator.

#### Configure the Third Console Operator

Add a final **Console** operator to view the progress of your **Extend** operator.

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

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Extend Group Inputs |
3. Connect the output port (right) of the `Combine Data` **Extend** operator to the input port (left) of the `Extend Group Inputs` **Console** 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 | Output |
| Component | userData |
| Action | value |
3. Connect the output port (right) of the `Combine Data` **Extend** operator to the input port (left) of the `userData` **Output** operator.
4. Click **Save Component**.

The image below is how your completed Data Workflow looks:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(151).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

### Configure the Button Component

Lastly, you'll add a [Button](https://docs.unqork.io/docs/button-component) component that end-users click to submit their information and trigger the Data Workflow.

1. Drag and drop a **Button** component onto your canvas, placing it above the Data Workflow.
2. In the **Property ID** field, enter `btnCreateObject`.
3. In the **Label Text** field, enter `Submit Information`.
4. Under the **Actions** section, complete the following:
  1. For the **Action Type** dropdown, select **Event**.
  2. Under **Triggers**, in the **On Click** field, enter `dwfExtend`.

![A static image displaying the Button component, highlighting the Action Type as Event and the On Click Trigger as the dwfExtend.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/BUtton Display.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)
5. Click **Save Component**.
6. **Save** your module.

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

![A static image displaying the Module Definition of the use-case create to explain the Extend operator.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(154).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

Here's how the completed example looks in Express View:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_Extend_2.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

**Preview** your module and begin by entering information into all fields on your application. You'll want to ensure you complete all the fields, or the **Extend** operator will not work. Open the DevTools Console and click the `Submit Information` **Button** component. You'll see updates from your three **Console** operators. The `Group Input 1` and `Group Input 2` **Console** operators display your inputs as separate objects. In the `Extend Group Inputs` **Console** operator, you'll see the two inputs combined as a single object.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_Extend_7.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

## Overview

![A static image displaying the Extend operator along with its Info window. ](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Extend CD.png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)The **Extend operator** lets you combine two objects into one. You'll often use the Extend operator in combination with the Group Input operator. The Group Input operator lets you create objects in the Data Workflow component. But the Group Input operator can only create an object with up to six fields. To create larger objects, use the Extend operator to combine the input from two Group Input operators.

Let's say you want to collect a lot of information from an end-user. When you create objects, there's a limit to the number of fields you can include. So, you'll have to store data in two objects. You can combine your objects into one using the Extend operator.

You’ll find the Extend operator under the [Object Operators](https://docs.unqork.io/docs/object-operator-types) group to the left of the [Data Workflow](https://docs.unqork.io/docs/data-workflow-component) canvas.

### Similar Data Workflow Operators

The Extend operator is similar to the Append operator. Here’s the comparison:

- **Extend operator**: Combines two objects into a single object. Often used with **Group Input** operators to create objects with more than six fields.
- **Append operator**: Combines strings or arrays. When appending strings, it acts as a concatenation. When appending arrays, it joins both arrays into one.

## About the Info Window

Here's a breakdown of each setting in the **Info** window:

| Setting | Description |
| --- | --- |
| Category | Grayed out and non-adjustable setting indicating the operation type. |
| Label | Sets the label for your operator, displaying below the operator on your Data Workflow canvas. This field is optional, but set a label if you use more than one of the same operator type. A label helps you identify your operators without opening any Info windows. |
| Preserve Argument Type | When selected, this setting ensures the argument data type is respected when the operator executes. |

## Adding an Extend Operator

In this example, an application has several components to collect your end-user's information. You'll convert the end-user's data into objects using [Group Input](/v1/docs/group-input-operator) operators. Because there’s a limit to the amount of data you can store in an object, you’ll use the Group Input operator. So, you'll need to create two objects to capture all of the end-user's data. You'll combine these two objects using the Extend operator.

### Configure the Text Field Components

First, you'll add four [Text Field](https://docs.unqork.io/docs/text-field-component) components to collect your end-user's information.

1. Drag and drop four **Text Field** components onto your canvas, placing them one after the other.
2. Enter the **Property ID** and **Label Text** details as follows:

| Property ID | Label Text |
| --- | --- |
| firstName | First Name |
| middleInitial | Middle Initial |
| lastName | Last Name |
| occupation | Occupation |
3. **Save & Close** each component as you add it.

### Configure the Date Input Component

Next, you'll add a [Date Input](https://docs.unqork.io/docs/date-input-component) component to collect the end-user's date of birth.

1. Drag and drop a **Date Input** component onto your canvas, placing it below the `lastName` **Text Field** component**.**
2. In the **Property ID** field, enter `dateOfBirth`.
3. In the **Label Text** field, enter `Date of Birth`.
4. In the **Display (+/-) years from the current date** field, enter `-100`.
5. Under the **Advanced** section, complete the following:
  1. Set **Disable Calendar View** to ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggle_ON(10).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D) **(ON)**.
  2. From the **Restrict Date selection to:** drop-down, select **Past Only**.

![A static image displaying the restricting date to past only setting and disabling the calendar view setting in the Date Input component.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Extend Date(1).jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)
6. Click **Save & Close**.

### Configure the Phone Number Component

Configure a [Phone Number](/v1/docs/phone-number-component) component to collect the end-user's phone number details.

1. Drag and drop a **Phone Number** component onto your canvas, placing it below the `dateOfBirth` **Date Input** component.
2. In the **Property ID** field, enter `phoneContact`.
3. In the **Label Text** field, enter `Phone Number`.
4. Click **Save & Close**.

### Configure the Email Component

For the final input field, configure an [Email](/v1/docs/email-component) component to collect the end-user’s email address.

1. Drag and drop an [Email](https://docs.unqork.io/docs/email-component) component onto your canvas, placing it below the `phoneContact` **Phone Number** component.
2. In the **Property ID** field, enter `email`.
3. In the **Label Text** field, enter `Email Address`.
4. Click **Save & Close**.

### Configure the Hidden Component

You'll add a [Hidden](https://docs.unqork.io/docs/hidden-component) component to store the output of your Data Workflow.

1. Drag and drop a **Hidden** component onto your canvas, placing it below the `occupation` **Text Field** component**.**
2. In the **Property ID** and **Canvas Label Text** fields, enter `userData`.
3. Click **Save & Close**.

### Configure the Data Workflow Component

Add a Data Workflow component to create objects from the end-user's input data and combine them into one.

1. Drag and drop a **Data Workflow** component onto your canvas, placing it above the `userData` **Hidden** component.
2. In the **Canvas Label Text** and **Property Name** fields, enter `dwfExtend`.

#### Configure the First Group Input Operators

Next, you'll add a [Group Input](https://docs.unqork.io/docs/group-input-operator) operator to create objects from your end-user's input data.

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

| Setting | Value |
| --- | --- |
| Category | Group Input |
| Component | firstName |
| Component 1 | middleInitial |
| Component 2 | lastName |
| Component 3 | dateOfBirth |
| Component 4 | phoneContact |
| Component 5 | email |
| Required | Yes |

> [!NOTE]
> You'll want every Component field in your first Group Input's Info window assigned. If any fields are left empty, the operator will not work.

#### Configure the First Console Operator

Add a [Console](https://docs.unqork.io/docs/console-operator) operator to view the progress of the `firstName` **Group Input** operator.

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

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Group Input 1 |
3. Connect the output port (right) of the `firstName` **Group Input** operator to the input port (left) of the `Group Input 1` **Console** operator.

#### Configure the Second Group Input Operator

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

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | occupation |
| Component 1 |  |
| Component 2 |  |
| Component 3 |  |
| Component 4 |  |
| Component 5 |  |
| Required | Yes |

#### Configure the Second Console Operator

Add another **Console** operator to view the progress of your `occupation` **Group Input** operator.

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

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Group Input 2 |
3. Connect the output port (right) of the `occupation` **Group Input** operator to the input port (left) of the `Group Input 2` **Console** operator.

#### Configure the Extend Operator

You'll add an **Extend** operator to combine the data from the two **Group Input** operators into a single object.

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

| Setting | Value |
| --- | --- |
| Category | Extend |
| Label | Combine Data |
3. Connect the output port (right) of the `firstName` **Group Input** operator to the upper input port (left) of the `Combine Data` **Extend** operator.
4. Connect the output port (right) of the `occupation` **Group Input** operator to the lower input port (left) of the `Combine Data` **Extend** operator.

#### Configure the Third Console Operator

Add a final **Console** operator to view the progress of your `Combine Data` **Extend** operator.

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

| Setting | Value |
| --- | --- |
| Category | Console |
| Label | Extend Group Inputs |
3. Connect the output port (right) of the `Combine Data` **Extend** operator to the input port (left) of the `Extend Group Inputs` **Console** 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 | Output |
| Component | userData |
| Action | value |
3. Connect the output port (right) of the `Combine Data` **Extend** operator to the input port (left) of the `userData` **Output** operator.
4. Click **Save**.

The image below is how your completed Data Workflow looks:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(143).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

### Configure the Button Component

Lastly, you'll add a [Button](https://docs.unqork.io/docs/button-component) component that end-users click to submit their information and trigger the Data Workflow.

1. Drag and drop a **Button** component onto your canvas, placing it above the `dwfExtend` **Data Workflow** operator.
2. In the **Property ID** field, enter `btnCreateObject`.
3. In the **Label Text** field, enter `Submit Information`.
4. Under the **Actions** section, complete the following:
  1. In the **Action Type** field, select **Event**.
  2. Under **Triggers**, in the **On Click** field, enter `dwfExtend`.

![A static image displaying the Action Type and On Click setting of the Button component.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Button Action.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)
5. Click **Save & Close**.
6. **Save** your module.

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

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(145).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

Here's how the completed example looks in the Express View:

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_Extend_2.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

**Preview** your module and begin by entering information into all fields on your application. You'll want to ensure you complete all the fields, or the **Extend** operator will not work. Open the DevTools Console and click the `Submit Information` **Button** component. You'll see updates from your three **Console** operators. The `Group Input 1` and `Group Input 2` **Console** operators display your inputs as separate objects. In the `Extend Group Inputs` **Console** operator, you'll see the two inputs combined as a single object.mai

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_Extend_7.jpg?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A40Z&se=2026-11-07T18%3A57%3A40Z&sr=c&sp=r&sig=VR0Cx%2BnpV0NrdBMZohUFkz5LR54fCBxF1SpAkZz7SWU%3D)

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.

End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product.

A string is an object that represents a sequence of characters. Strings typically hold data represented in text form.

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

End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product.

The DevTools Console helps you securely store, build, test, and deploy your software.

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.

## Related

- [Data Workflow Component](/data-workflow-component.md)
- [Introduction to Data Workflow](/introduction-to-data-workflow.md)