---
title: "How To: Output Operator _group Component Setting"
slug: "how-to-output-operator-group-component-setting"
updated: 2025-09-25T20:31:27Z
published: 2025-09-25T20:31:27Z
canonical: "docs.unqork.io/how-to-output-operator-group-component-setting"
---

> ## 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: Output Operator _group Component Setting

UDesignerClassic Designer

## Overview

Sometimes your application has more than one output action or value. Instead of configuring each output separately, you can use an Output operator. Here's where the**_group** **Output operator** configuration comes in. Using the _group Component setting, you can dynamically output multiple values or actions.

## Learning Objectives

In this article, you'll learn how to set up and use the _group Component setting.

## Configuration

The first step to setting up the _group output configuration is setting up a data table. Your data table stores your component IDs, outputs, and output actions. Then, configure the Output operator in a Data Workflow. Normally, the Output operator outputs your data to a single component. But, for the _group output, you'll make use of the operator's _group Component setting. This configuration uses the output information from your data table instead of a component.

Let's say you have a list of US states without assigned capitals. You want to output the capital to each US state. But, you also want to avoid assigning each capital as a separate output. You can use the _group Component setting to assign capitals to your states with a single output.

You'll begin by adding a [Data Table](/v1/docs/data-table-component) component to store your component IDs, outputs, and actions. In this example, the component IDs are where you'll store your outputs. Your Data Table component outputs are the US capitals. Then, you'll add US state fields to receive the outputs. Next, your Data Workflow runs the _group output through an Output operator. You'll finish with a Button component to trigger the whole operation

### Configure the Data Table Component

First, configure a [Data Table](/v1/docs/data-table-component) component to store some sample data. This component holds the component ID, output, and action for your _group output configuration.

1. In the Module Builder, drag and drop a **Data Table** component onto your canvas.
2. In the Property ID and Label Text fields, enter `dtStateData`.
3. In the data table, enter the following:

|  | A | B | C |
| --- | --- | --- | --- |
| 1 | component_id | component_output | component_action |
| 2 | delaware | Dover | value |
| 3 | kentucky | Frankfort | value |
| 4 | idaho | Boise | value |
| 5 | btnPopulate | yes | disabled |

> [!NOTE]
> For the _group output configuration, the capitalization in your Data Table component matters. You must use the same casing as shown in the example.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/udgip_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

### Configure the Text Field Components

Next, configure a few [Text Field](/v1/docs/text-field-component) components as the output actions of your _group output configuration.

1. Drag and drop three **T****ext Field** components onto your canvas, placing them below your **Data Table** component.
2. Enter the following Property ID and Label Text fields for each **T****ext Field** component:

|  | Property ID | Label Text |
| --- | --- | --- |
| 1 | delaware | Delaware |
| 2 | kentucky | Kentucky |
| 3 | idaho | Idaho |
3. Set **Read Only View** to ![A toggle switch indicating an on/off state for a user interface element.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Group 1.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (ON).
4. Click **Save & Close** as you add them.

### Configure the Data Workflow Component

Next, configure a [Data Workflow](/v1/docs/data-workflow-component) component with an [Input](//docs/input-operator) operator to bring your data into the Data Workflow. Then, you'll add an Output operator with the _group output Component settings. You'll use the _group output configuration to complete the output actions in your Data Table component.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below the **idaho** **T****ext Field** component.
2. In the Property ID and Canvas Label Text fields, enter `dwfPopulateCapitals`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/dwfgipud_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

#### Configure the Input Operator

1. Drag and drop an **I****nput** operator onto your **D****ata Workflow** canvas.
2. Configure the **I****nput** operator's **Info** window as follows:

| Info |
| --- |
| Category | Input |
| Component | dtStateData |
| Required | Yes |
| Source | Default |

#### Configure the Output Operator

1. Drag and drop an **O****utput** operator onto your **D****ata Workflow** canvas.
2. Configure the **O****utput** operator's **Info** window as follows:

| Info |
| --- |
| Category | Output |
| Component | _group |
| Action | value |
3. Connect the output port (right) of the **dtStateData****I****nput** operator to the input port (left) of the **O****utput** operator.
4. Click **Save Component**.

### Configure the Button Component

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

1. Drag and drop a **Button** component onto your canvas, placing it above your **dtStateData****D****ata Workflow** component.
2. In the Property ID field, enter **btnPopulate**.
3. In the Label Text, enter `Populate State Capitals Data`.
4. From the **Action Type** drop-down, select **Event**.
5. From the **On Click** drop-down, select **dwfPopulateCapitals**.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/udgipbutton_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)
6. Click **Save & Close**.
7. **Save** your module.

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

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/gifinal_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

Preview your module in Express View. Then, click the Populate State Capitals Data button to view the results. The state capital values from your Data Table component populate next to each state. The button also follows the Data Table component's output action and disables.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/DWF_Group_Output_03_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

## Overview

Sometimes your application has more than one output action or value. Instead of configuring each output separately, you can use a single Output operator. Here's where the **_group** **Output operator** configuration comes in. Using the _group Component setting, you can dynamically output multiple values or actions.

## Learning Objectives

In this article, you'll learn how to set up and use the _group Component setting.

## Configuration

The first step to setting up the _group output configuration is setting up a data table. Your data table stores your component IDs, outputs, and output actions. Then, configure the Output operator in a Data Workflow. Normally, the Output operator outputs your data to a single component. But, for the _group output, you'll make use of the operator's _group Component setting. This configuration uses the output information from your data table instead of a component.

Let's say you have a list of US states without assigned capitals. You want to output the capital to each US state. But, you also want to avoid assigning each capital as a separate output. You can use the _group Component setting to assign capitals to your states with a single output.

You'll begin by adding a [Data Table](/v1/docs/data-table-component) component to store your component IDs, outputs, and actions. In this example, the component IDs are where you'll store your outputs. Your Data Table component outputs are the US capitals. Then, you'll add US state fields to receive the outputs. Next, your Data Workflow runs the _group output through an Output operator. You'll finish with a Button component to trigger the whole operation

### Configure the Data Table Component

First, configure a [Data Table](/v1/docs/data-table-component) component to store some sample data. This component holds the component ID, output, and action for your _group output configuration.

1. In the Module Builder, drag and drop a **D****ata Table** component onto your canvas.
2. In the Property ID and **Canvas Label Text** fields, enter `dtStateData`.
3. In the data table, enter the following:

| component_id | component_output | component_action |
| --- | --- | --- |
| delaware | Dover | value |
| kentucky | Frankfort | value |
| idaho | Boise | value |
| btnPopulate | yes | disabled |

> [!NOTE]
> For the _group output configuration, the capitalization in your Data Table component matters. You must use the same casing as shown in the example.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/groupinput1_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

### Configure the Text Field Components

Next, configure a few [Text Field](/v1/docs/text-field-component) components as the output actions of your _group output configuration.

1. Drag and drop three **T****ext Field** components onto your canvas, placing them below your **dtStateData****D****ata Table** component.
2. Enter the following Property ID and Label Text fields:

| Property ID | Label Text |
| --- | --- |
| delaware | Delaware |
| kentucky | Kentucky |
| idaho | Idaho |
3. Set the **Read Only View** to ![A toggle switch indicating an on/off state for a user interface element.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Group 1.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (ON)
4. Click **Save & Close** as you add them.

### Configure the Data Workflow Component

Next, configure a [Data Workflow](/v1/docs/data-workflow-component) component with an [Input](/v1/docs/input-operator) operator to bring your data into the Data Workflow. Then, you'll add an Output operator with the _group output Component settings. You'll use the _group output configuration to complete the output actions in your Data Table component.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below the **idaho** **T****ext Field** component.
2. In the **Canvas Label Text** and **Property Name** fields, enter `dwfPopulateCapitals`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/DWF_Group_Output_06_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

#### Configure the Input Operator

1. Drag and drop an **I****nput** operator onto your **D****ata Workflow** canvas.
2. Configure the **I****nput** operator's **Info** window as follows:

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

#### Configure the Output Operator

1. Drag and drop an **O****utput** operator onto your **D****ata Workflow** canvas.
2. Configure the **O****utput** operator's **Info** window as follows:

| Setting | Value |
| --- | --- |
| Category | Output |
| Component | _group |
| Action | value |
3. Connect the output port (right) of the **dtStateData****I****nput** operator to the input port (left) of the **O****utput** operator.
4. Click **Save**.

### Configure the Button Component

Next, you'll add a [Button](/v1/docs/button-component) component to trigger your Data Workflow component.

1. Drag and drop a **Button** component onto your canvas, placing above your **dtStateData****D****ata Workflow** component.
2. In the Property ID field, enter **btnPopulate**.
3. In the Label Text, enter `Populate State Capitals Data`.
4. Set the **Action Type** as **Event**.
5. From the **On Click** drop-down, select **dwfPopulateCapitals**.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/groupinputbuttoncomp_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)
6. Click **Save & Close**.
7. **Save** your module.

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

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/gifinal_thumb_0_0(1).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

Preview your module in Express View. Then, click the Populate State Capitals Data button to view the results. The state capital values from your Data Table component populate next to each state. The button also follows the Data Table component's output action and disables.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/DWF_Group_Output_03_thumb_0_0(1).jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

## 

## Resources

- [Introduction to Data Workflow](/v1/docs/introduction-to-data-workflow)
- [Introduction to Data Workflow Operators](/v1/docs/data-workflow-operators)
- [Data Workflow component](/v1/docs/data-workflow-component)
- [Output operator](/v1/docs/output-operator)

---

In Unqork an application is a program used to perform specific tasks. An application can be one of two types: workflow or module.

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

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

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.

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.