---
title: "Input Switch Operator"
slug: "input-switch-operator"
description: "Learn how to use the Input Switch operator to alternate between two inputs in your Data Workflow, enhancing user interaction and data management."
updated: 2025-10-28T13:26:22Z
published: 2025-10-28T13:26:22Z
canonical: "docs.unqork.io/input-switch-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.

# Input Switch Operator

UDesignerClassic

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitchOperator_Info_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

The **Input Switch** **operator** lets you alternate between two inputs in the same flow of a [Data Workflow](/v1/docs/introduction-to-data-workflow). To begin, you'll connect two Input-type operators to your Input Switch operator. Then, you'll set a condition for the Input Switch operator to determine which set of input data to use. When your condition is **True**, the operator chooses the input connected to its upper input port. When your condition is **False**, the operator chooses the input connected to its lower input port.

You can think of an Input Switch operator as a reverse [Decision](/v1/docs/decision-operator) operator. A Decision operator has two possible paths for your data to follow. The Decision operator uses a condition to determine which path to send your data. In contrast, the Input Switch operator has one possible path with two potential sources of data. The Input Switch operator uses a condition to determine which set of data to send to that path.

> [!NOTE]
> Input Switch operators only work in a forward direction. So, the operator cannot update or edit any data passed to it through its input ports.

You’ll find the Input Switch operator under the [Gateways](/v1/docs/gateways-operators) group to the left of the [Data Workflow](/v1/docs/introduction-to-data-workflow) canvas.

## About the Info Window

And 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. |
| **Do Not Sanitize Formula** | When this checkbox is clear, the operator cleans values coming into or defined in the operator. For example, removing special characters. Some of those special characters include `'`, `$`, `#`, and `&amp`. The operator also cleans up complex values. For example, logically breaking up strings of numbers and letters using underscores. A sample module ID can go from `5f6b4cdfabf886024d4de2d3 to 5f_6b_4cdfabf_886024d_4de_2d_3`. Sanitizing improves performance. But it can also lead to unexpected data behavior. If your Create Field is not behaving as expected, try selecting this box. When selected, the operator uses your values and expressions as-is. This is best when working with complex values or values that should remain unchanged. By default, this setting is selected, which means the operator does not attempt to sanitize. |
| **Preserve Argument Type** | When selected, this setting ensures the argument data type is respected when the operator executes. |
| **Condition** | Here, you'll set the expression that the operator runs your data against. You'll use `<`, `>`, `=`, `>=`, or `<=` to set your expression. To use another operator as an argument, connect the operator to the argument port. Then, enter `_arg` here. |

## Adding an Input Switch Operator

Let’s say you have two [Text Field](/v1/docs/text-field-component) components whose data you’ll use from either of them in your [Data Workflow](/v1/docs/data-workflow-component) component. You can add a set of [Radio Buttons](/v1/docs/radio-buttons-component) components to let your end-user choose which field passes through your Data Workflow. You'll connect both Text Field components as inputs to the Input Switch operator. Then, you'll connect your Radio Buttons component to the argument port of the operator. You'll configure your Data Workflow to display your end-user's selection in a third Text Field component.

> [!NOTE]
> This is a simplified example to demonstrate the functionality of this operator. For a more detailed use case, reference our [Input Switch Use Case: Creating a Comment Array](/v1/docs/input-switch-operator-creating-a-comment-array) article.

### Configure the Columns Component

Your [Columns](/v1/docs/columns-component) component acts as a container for the components that follow.

1. Drag and drop a **Columns** component onto your canvas.
2. In the **Property ID** field, enter `colInputs`.
3. Under **Formatting**, click ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/two_column_frame(3).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D) (two columns).

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitchOperator_Columns_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)
4. Click **Save & Close**.

### Configure the Text Field Components

Next, let's add input and output fields to your module. You'll use [Text Field](/v1/docs/text-field-component) components to collect your end-user's name and job title. And you'll use a third Text Field component to show the output of your Data Workflow.

1. Drag and drop three **T****ext Field** components onto your canvas, placing them in the left-hand column of the `colInputs` **Columns** component.
2. Enter the following **Property ID** and **Label Text** for each component:

| Property ID | Label Text |
| --- | --- |
| **name** | `Name` |
| **jobTitle** | `Job Title` |
| **output** | `Output` |
3. Click **Save & Close** as you add and configure them.

### Configure the Radio Buttons Component

To let your end-user choose which input they see, you'll add a [Radio Buttons](/v1/docs/radio-buttons-component) component. You'll set this as the argument for your Input Switch in the next step.

1. Drag and drop a **R****adio Buttons** component onto your canvas, placing it in the right-hand column of the `colInputs` **Columns** component.
2. In the **Property ID** field, enter `switchArgument`.
3. In the **Label Text** field, enter `Show:`.
4. Set your **Option Label** and **Value to Store in Submission Data** as shown below:

| # | Option Label | Value to Store in Submission Data |
| --- | --- | --- |
| 1 | Name | name |
| 2 | Job Title | jobTitle |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitchOperator_RadioButtonsData_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)
5. Click **Save & Close**.

### Configure the Data Workflow Component

Now, you’ll set your `Name` and `JobTitle` **Text Field** components as inputs for your Input Switch operator. Your `switchArgument` **Radio Buttons** component serves as the argument. Then, your Input Switch operator outputs the result to your `output` **Text Field** component.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below your `colInputs` **Columns** component.
2. In the **Canvas Label Text** and **Property Name** fields, enter `dwfSwitch`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitch_Dwf.jpg?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

#### Configure the First 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 | name |
| Required | No |
| Source | Default |

#### Configure the Second Input Operator

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

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | jobTitle |
| Required | No |
| Source | Default |

#### Configure the Third Input Operator

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

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

#### Configure the Input Switch Operator

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

| Setting | Value |
| --- | --- |
| Category | Input Switch |
| Label | _arg='name' |
| Do Not Sanitize Formula | Yes (checked) |
| Preserve Argument Type | Unchecked (no) |
| Condition | _arg='name' |

Connect the output port (right) of the `name` **Input** operator to the upper input port (left) of the **Input Switch** operator.

1. Connect the output port (right) of the `jobTitle` **Input** operator to the lower input port (left) of the **Input Switch** operator.
2. Connect the output port (right) of the `switchArgument` **Input** operator to the argument port (top) of the **Input Switch** 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 | output |
| Action | value |
3. Connect the output port (right) of the `_arg='name'` **Input Switch** operator to the input port (left) of the `output` **Output** operator.
4. Click **Save**.

### Configure the Initializer Component

You'll notice this [Initializer](/v1/docs/initializer-component) component performs two operations. First, it clears your `output` **Text Field** component so it's ready for a new value each time your Data Workflow runs. Second, it starts the `dwfSwitch` **Data Workflow**. You'll add a [Button](/v1/docs/button-component) component to trigger your Initializer in the next step.

1. Drag and drop an **I****nitializer** component onto your canvas, placing it above your `dwfSwitch` **D****ata Workflow** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `initSwitch`.
3. Set the **Trigger Type** as **Manual**.
4. In the **Outputs** table, enter the following:

| # | Property ID | Type | Value |
| --- | --- | --- | --- |
| 1 | output | clear | yes |
| 2 | dwfSwitch | trigger | GO |
5. Click **Save & Close**.

### Configure the Button Component

Lastly, let's add a [Button](/v1/docs/button-component) component to begin the operation. When your end-user clicks this button, it triggers your `initSwitch` **Initializer** component, which clears your `output` **Text Field** component and begins the `dwfSwitch` **Data Workflow**.

1. Drag and drop a **Button** component onto your canvas, placing it between your `jobTitle` and `output` **T****ext Field** components.
2. In the **Property ID** field, enter `btnSwitch`.
3. In the **Label Text** field, enter `Start Input Switch`.
4. Set the **Action Type** to **Event**.
5. In the **On Click** field, enter `initSwitch`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitchOperator_Button_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

> [!NOTE]
> This ties your Button component to the Initializer component you'll add in the next step. What you enter here must match the Property ID you assign to that Initializer.
6. Click **Save & Close**.
7. **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/Dwf_InputSwitchOperator_UseCase_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

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

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitch_GIF_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

Now it's time to test your Data Workflow. Preview your module in Express View and enter a name and job title. Then, make a selection from your radio buttons and click the button. You'll see the selected value in your Output field.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitch_GIF.gif?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(117).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

The **Input Switch** **operator** lets you alternate between two inputs in the same flow of a [Data Workflow](/v1/docs/introduction-to-data-workflow). To begin, you'll connect two Input-type operators to your Input Switch operator. Then, you'll set a condition for the Input Switch operator to determine which set of input data to use. When your condition is **True**, the operator chooses the input connected to its upper input port. When your condition is **False**, the operator chooses the input connected to its lower input port.

You can think of an Input Switch operator as a reverse [Decision](/v1/docs/decision-operator) operator. A Decision operator has two possible paths for your data to follow. The Decision operator uses a condition to determine which path to send your data. In contrast, the Input Switch operator has one possible path with two potential sources of data. The Input Switch operator uses a condition to determine which set of data to send to that path.

> [!NOTE]
> Input Switch operators only work in a forward direction. So, the operator cannot update or edit any data passed to it through its input ports.

You’ll find the Input Switch operator under the [Gateways](/v1/docs/gateways-operators) group to the left of the [Data Workflow](/v1/docs/introduction-to-data-workflow) canvas.

## About the Info Window

Learn more about each setting in the Input Switch operator's 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. |
| **Do Not Sanitize Formula** | When this checkbox is clear, the operator cleans values coming into or defined in the operator. For example, removing special characters. Some of those special characters include `'`, `$`, `#`, and `&amp`. The operator also cleans up complex values. For example, logically breaking up strings of numbers and letters using underscores. A sample module ID can go from `5f6b4cdfabf886024d4de2d3 to 5f_6b_4cdfabf_886024d_4de_2d_3`. Sanitizing improves performance. But it can also lead to unexpected data behavior. If your Create Field is not behaving as expected, try selecting this box. When selected, the operator uses your values and expressions as-is. This is best when working with complex values or values that should remain unchanged. By default, this setting is selected, which means the operator does not attempt to sanitize. |
| **Preserve Argument Type** | When selected, this setting ensures the argument data type is respected when the operator executes. |
| **Condition** | Here, you'll set the expression that the operator runs your data against. You'll use `<`, `>`, `=`, `>=`, or `<=` to set your expression. To use another operator as an argument, connect the operator to the argument port. Then, enter `_arg` here. |

## Adding an Input Switch Operator

Let’s say you have two [Text Field](/v1/docs/text-field-component) components whose data you’ll use from either of them in your [Data Workflow](/v1/docs/data-workflow-component) component. You can add a set of [Radio Buttons](/v1/docs/radio-buttons-component) components to let your end-user choose which field passes through your Data Workflow. You'll connect both Text Field components as inputs to the Input Switch operator. Then, you'll connect your Radio Buttons component to the argument port of the operator. You'll configure your Data Workflow to display your end-user's selection in a third Text Field component.

> [!NOTE]
> This is a simplified example to demonstrate the functionality of this operator. For a more detailed use case, reference our [Input Switch Use Case: Creating a Comment Array](/v1/docs/input-switch-operator-creating-a-comment-array) article.

### Configure the Columns Component

Your [Columns](/v1/docs/columns-component) component acts as a container for the components that follow.

1. Drag and drop a **Columns** component onto your canvas.
2. In the **Property ID** field, enter `colInputs`.
3. Under **Formatting**, click ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/two_column_frame(3).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D) (two columns).

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(118).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)
4. Click **Save Component**.

### Configure the Text Field Components

Next, let's add input and output fields to your module. You'll use [Text Field](/v1/docs/text-field-component) components to collect your end-user's name and job title. And you'll use a third Text Field component to show the output of your Data Workflow.

1. Drag and drop three **T****ext Field** components onto your canvas, placing them in the left-hand column of the `colInputs` **Columns** component.
2. Enter the following **Property ID** and **Label Text** for each component:

| Property ID | Label Text |
| --- | --- |
| **name** | Name |
| **jobTitle** | Job Title |
| **output** | Output |
3. Click **Save Component** as you add and configure them.

### Configure the Radio Buttons Component

To let your end-user choose which input they see, you'll add a [Radio Buttons](/v1/docs/radio-buttons-component) component. You'll set this as the argument for your Input Switch in the next step.

1. Drag and drop a **R****adio Buttons** component onto your canvas, placing it in the right-hand column of the `colInputs` **Columns** component.
2. In the **Property ID** field, enter `switchArgument`.
3. In the **Label Text** field, enter `Show:`.
4. Set your **Label** and **Value** as shown below:

| # | Label | Value |
| --- | --- | --- |
| 1 | Name | name |
| 2 | Job Title | jobTitle |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(124).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)
5. Click **Save Component**.

### Configure the Data Workflow Component

Now, you’ll set your `Name` and `JobTitle` **Text Field** components as inputs for your Input Switch operator. Your `switchArgument` **Radio Buttons** component serves as the argument. Then, your Input Switch operator outputs the result to your `output` **Text Field** component.

1. Drag and drop a **D****ata Workflow** component onto your canvas, placing it below your `colInputs` **Columns** component.
2. In the **Canvas Label Text** and **Property Name** fields, enter `dwfSwitch`.

#### Configure the First 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 | name |
| Required | No |
| Source | Default |

#### Configure the Second Input Operator

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

| Setting | Value |
| --- | --- |
| Category | Input |
| Component | jobTitle |
| Required | No |
| Source | Default |

#### Configure the Third Input Operator

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

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

#### Configure the Input Switch Operator

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

| Setting | Value |
| --- | --- |
| Category | Input Switch |
| Label | _arg='name' |
| Do Not Sanitize Formula | Yes (checked) |
| Preserve Argument Type | Unchecked (no) |
| Condition | _arg='name' |
3. Connect the output port (right) of the `name` **Input** operator to the upper input port (left) of the `_arg='name'` **Input Switch** operator.
4. Connect the output port (right) of the `jonTitle` **Input** operator to the lower input port (left) of the `_arg='name'` **Input Switch** operator.
5. Connect the output port (right) of the `switcgArgument` **Input** operator to the argument port (top) of the `_arg='name'` **Input Switch** 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 | output |
| Action | value |
3. Connect the output port (right) of the `_arg='name'` **Input Switch** operator to the input port (left) of the `output` **Output** operator.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(126).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)
4. Click **Save Component**.

### Configure the Initializer Component

You'll notice this [Initializer](/v1/docs/initializer-component) component performs two operations. First, it clears your `output` **Text Field** component so it's ready for a new value each time your Data Workflow runs. Second, it starts the `dwfSwitch` **Data Workflow**. You'll add a [Button](/v1/docs/button-component) component to trigger your Initializer in the next step.

1. Drag and drop an **I****nitializer** component onto your canvas, placing it above your `dwfSwitch` **D****ata Workflow** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `initSwitch`.
3. Set the **Trigger Type** as **Manual**.
4. In the **Outputs** table, enter the following:

| # | Property ID | Type | Value |
| --- | --- | --- | --- |
| 1 | output | clear | yes |
| 2 | dwfSwitch | trigger | GO |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(127).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)
5. Click **Save Component**.

### Configure the Button Component

Lastly, let's add a [Button](/v1/docs/button-component) component to begin the operation. When your end-user clicks this button, it triggers your `initSwitch` **Initializer** component, which clears your `output` **Text Field** component and begins the `dwfSwitch` **Data Workflow**.

1. Drag and drop a **Button** component onto your canvas, placing it between your `jobTitle` and `output` **T****ext Field** components.
2. In the **Property ID** field, enter `btnSwitch`.
3. In the **Label Text** field, enter `Start Input Switch`.
4. Under the **Action Type**, select **Event**.
5. In the **On Click** field, enter `initSwitch`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(128).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

> [!NOTE]
> This ties your Button component to the Initializer component you'll add in the next step. What you enter here must match the Property ID you assign to that Initializer.
6. Click **Save Component**.
7. **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(129).png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

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

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitch_GIF_thumb_0_0.png?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

Now it's time to test your Data Workflow. Preview your module in Express View and enter a name and job title. Then, make a selection from your radio buttons and click the button. You'll see the selected value in your Output field.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Dwf_InputSwitch_GIF.gif?sv=2026-02-06&spr=https&st=2026-11-06T22%3A54%3A30Z&se=2026-11-06T23%3A54%3A30Z&sr=c&sp=r&sig=Kay2%2BVccbCAlROklnIMumFWiFBjhZxdFBVNiXyKuEvo%3D)

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)