---
title: "Size Operator"
slug: "size-operator"
updated: 2026-01-20T16:06:17Z
published: 2026-01-20T20:38:53Z
canonical: "docs.unqork.io/size-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.

# Size Operator

UDesignerClassic Designer

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/SizeOperator_thumb_0_0.jpg?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)The **Size operator** performs one of two functions in a Data Workflow:

- Returns the number of characters in a string.
- Returns the number of elements in an array.

You'll find the Size operator in the [Table](https://docs.unqork.io/docs/tableoperators) group to the left of the [Data Workflow](https://docs.unqork.io/docs/introduction-to-data-workflow) canvas.

## About the Info Window

Here's a breakdown of the 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. |
| Preserve Argument Type | When selected, this setting ensures the argument data type is respected when the operator executes. |

## Adding a Size Operator

First, configure a couple of [Text Field](/v1/docs/text-field-component) components to collect your end-user's name and display the result of the Size operator. Then, set up a [Data Workflow](/v1/docs/data-workflow-component) to return the number of characters in the entry.

> [!NOTE]
> These instructions assume that you have a new module open, saved, and with a title.

### Configure the Text Field Components

Begin by configuring two [Text Field](https://docs.unqork.io/docs/text-field-component) components. The first Text Field component is an input field for your end-user. The second Text Field component displays the result after the data passes through the Data Workflow. To prevent the end-user from adjusting the value of the second Text Field component, you’ll **Disable User Input**.

1. In the Module Builder, drag and drop two **T****ext Field** components onto your canvas.
2. In the **Property ID** and **Label Text** fields, enter the following for each component:

| # | Property ID | Label Text |
| --- | --- | --- |
| 1 | name | Name |
| 2 | characters | Number of Characters |
3. In the `characters` **Text Field** component, from the **Input Behavior** drop-down, select **Disable User Input**.
4. Click **Save Component** after configuring each component.

### Configure the Data Workflow Component

Next, configure a [Data Workflow](/v1/docs/data-workflow-component) component to bring data from your `name` **T****ext Field** component into the Data Workflow using an [Input](https://docs.unqork.io/docs/input-operator) operator. Then, add a Size operator to determine the number of characters in the **Name** field. Lastly, you'll send the final result to the `characters` **Text field** component using an [Output](https://docs.unqork.io/docs/output-operator) operator.

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

#### Configure the Input Operator

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

| Setting | Description |
| --- | --- |
| Category | Input |
| Component | name |
| Required | Yes |
| Source | Default |

#### Configure the Size Operator

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

| Setting | Description |
| --- | --- |
| Category | Size |
| Label | Number of characters |
3. Connect the output port (right) of the `name` **I****nput** operator to the input port (left) of the `number of characters` **S****ize** operator.

#### Configure the Output Operator

The [Output](/v1/docs/output-operator) operator sends the Size operator's value to the `characters` **T****ext Field** component.

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

| Setting | Description |
| --- | --- |
| Category | Output |
| Component | characters |
| Action | value |
3. Connect the output port (right) of the `number of characters` **S****ize** operator to the input port (left) of the `characters` **O****utput** operator.

![A static image displaying the configuration of the dwfSize Data Workflow in the UDesigner.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD_Data%20Workflow_dwfSize.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)
4. Click **Save Component**.
5. **Save** your module.

Your completed module looks like the following:![A static image displaying the dwfSize Data Workflow in the UDesigner.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD_module.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)

Preview your module in Express View and enter a name in the **Name** field. Notice how the Size operator returns the character count in the **Number of Characters** field.

![A static image displaying the Express View for Size operator.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Size%20Operator_Express%20View.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)

![Information panel displaying size category and label options for user input.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/classicSizeope.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)

The **Size operator** performs one of two functions in a Data Workflow:

- Returns the number of characters in a string.
- Returns the number of elements in an array.

You'll find the Size operator in the [Table](https://docs.unqork.io/docs/tableoperators) group to the left of the [Data Workflow](https://docs.unqork.io/docs/introduction-to-data-workflow) canvas.

## About the Info Window

Here's a breakdown of the 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. |
| Preserve Argument Type | When selected, this setting ensures the argument data type is respected when the operator executes. |

## Adding a Size Operator

First, configure a couple of [Text Field](/v1/docs/text-field-component) components to collect your end-user's name and display the result of the Size operator. Then, set up a [Data Workflow](/v1/docs/data-workflow-component) to return the number of characters in the entry.

> [!NOTE]
> These instructions assume that you have a new module open, saved, and with a title.

### Configure the Text Field Components

Begin by configuring two [Text Field](https://docs.unqork.io/docs/text-field-component) components. The first Text Field component is an input field for your end-user. The second Text Field component displays the result after the data passes through the Data Workflow. To prevent the end-user from adjusting the value of the second Text Field component, you’ll **Disable User Input**.

1. In the Module Builder, drag and drop two **T****ext Field** components onto your canvas.
2. In the **Property ID** and **Label Text** fields, enter the following for each component:

| # | Property ID | Label Text |
| --- | --- | --- |
| 1 | name | Name |
| 2 | characters | Number of Characters |
3. In the `characters` **Text Field** component, from the **Input Behavior** drop-down, select **Disable User Input**.
4. Click **Save & Close** after configuring each component.

### Configure the Data Workflow Component

Next, configure a [Data Workflow](/v1/docs/data-workflow-component) component to bring data from your `name` **T****ext Field** component into the Data Workflow using an [Input](https://docs.unqork.io/docs/input-operator) operator. Then, add a Size operator to determine the number of characters in the **Name** field. Lastly, you'll send the final result to the `characters` **Text field** component using an [Output](https://docs.unqork.io/docs/output-operator) operator.

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

#### Configure the Input Operator

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

| Setting | Description |
| --- | --- |
| Category | Input |
| Component | name |
| Required | Yes |
| Source | Default |

#### Configure the Size Operator

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

| Setting | Description |
| --- | --- |
| Category | Size |
| Label | Number of characters |
3. Connect the output port (right) of the `name` **I****nput** operator to the input port (left) of the `number of characters` **S****ize** operator.

#### Configure the Output Operator

The [Output](/v1/docs/output-operator) operator sends the Size operator's value to the `characters` **T****ext Field** component.

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

| Setting | Description |
| --- | --- |
| Category | Output |
| Component | characters |
| Action | value |
3. Connect the output port (right) of the `number of characters` **S****ize** operator to the input port (left) of the `characters` **O****utput** operator.

![A static image displaying the configuration of the dwfSize Data Workflow component in the Classic Designer.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image-1767887921584.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)
4. Click **Save**.
5. **Save** your module.

Your completed module looks like the following:![Input fields for name and character count with a highlighted size indicator.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/CD_module(1).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)

Preview your module in Express View and enter a name in the **Name** field. Notice how the Size operator returns the character count in the **Number of Characters** field.

![A static image displaying the Express View for Size operator.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Size%20Operator_Express%20View.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A38%3A09Z&se=2026-11-06T22%3A38%3A09Z&sr=c&sp=r&sig=aaqEhkCemfhxAGzaIASi93XDAKtYdTkOdy0MIpRK4K4%3D)

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.

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

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.