Output Operator
Overview
Where the Input operator is the starting point for your Data Workflow, the Output operator is the ending point.
The Output operator contains a single input port to output data from the Data Workflow to a component in your module. The Output operator can do more than just transfer a piece of data to a new component. You can also configure the operator to trigger an action.
You'll find the Output operator under the I/O group to the left of the Data Workflow canvas.
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. |
Component
|
Your output destination or the component where you want the output value sent. Select the component you want to reference from the drop-down menu. Your selection displays as the operator's label. The Data Workflow component supports using grid referencing syntax to target the Dynamic Grid, Uniform Grid, and Freeform Grid components. Grid referencing syntax supports targeting at the component, column, row, and cell level. To learn more, view the following articles in our Documentation Hub: Dynamic Grid: Targeted Logic and Referencing Syntax and Uniform Grid and Freeform Grid: Logic and Referencing Syntax. |
Action |
The action you want to output in your Data Workflow. The most common action is value, which outputs the value of your data to another component in your module. You can also choose an action to perform when the Data Workflow ends. For actions like clear, reset, visible, and disable you'll use a Create Value operator as the input. In the Create Value's Expression/Value field, add 'yes' or 'no' enclosed in single quotes. Then select the appropriate action in the Output operator. For a trigger output action, enter "GO" in the Expression/Value field. |
Manually-Defined Outputs
In some cases, you might want to reference an input that does not display in the Info window's Component drop-down. For example, the Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. of components in imported modules.
To reference an input that does not display in the Component drop-down:
1. | Select your Output operator. |
2. | In the operator's Info window, select any Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. from the Component drop-down. The Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. displays below the Output operator as a label. |
3. | On the Data Workflow canvas, double-click the Output operator's label. The field becomes editable. |
4. | Enter the Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. to use as an output. |
5. | Click outside the field to save your manually-defined output. |
Reopening the Data Workflow component might not display your manually-defined output on the canvas, though the connection still exists. Consider using the Data Workflow component's Comment field to note the output.
Adding an Output Operator
To demonstrate an Output operator, take data from a Data Table component and output it to a Hidden component.
These instructions assume you have a new module open, saved, and with a title.
Configure the Data Table Component
First, add a Data Table component to store some sample data that includes US States and their capitals.
1. | In the Module Builder, drag and drop a ![]() |
3. | In the data table, enter the following: |
A | B | |
---|---|---|
1 |
state |
capital |
2 |
California |
Sacramento |
3 |
New York |
Albany |
4 |
Texas |
Austin |
4. | Click Save Component |
Configure the Hidden Component
Next, add a Hidden component to store the output from your Data Workflow.
1. | Drag and drop a Hidden component onto your canvas, placing it below your ![]() |
3. | Click Save Component. |
Configure the Data Workflow Component
Lastly, configure a Data Workflow component to process the data.
1. | Drag and drop a Data Workflow component onto your canvas, placing it between your ![]() |
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: |
Info | |
---|---|
Category |
Input |
Component |
dtStates |
Required |
Yes |
Source |
Default |
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: |
Info | |
---|---|
Category |
Output |
Component |
dwfOutput |
Action |
Value |
3. | Connect the output port (right) of the Input operator to the input port (left) of the Output operator. |
Here's how the completed Data Workflow looks:
4. | Click Save Component. |
5. | Save your module. |
Your completed module looks like the following:
Preview your module in Express View 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. and open the DevTools Console The DevTools Console helps you securely store, build, test, and deploy your software.. Run the Angular command The Angular command, or data command, is a tool that displays submission data in a browser's developer console. In Express View, enter the following command in the devtool console: angular.element('.unqorkio-form').scope().submission. Expand the ▶ data: tab and the ▶dwfOutput to view the output data stored in the Hidden component.
Overview
Where the Input operator is the starting point for your Data Workflow, the Output operator is the ending point.
The Output operator contains a single input port to output data from the Data Workflow to a component in your module. The Output operator can do more than just transfer a piece of data to a new component. You can also configure the operator to trigger an action.
You'll find the Output operator under the I/O group to the left of the 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. |
Component
|
Your output destination or the component where you want the output value sent. Select the component you want to reference from the drop-down menu. Your selection displays as the operator's label. The Data Workflow component supports using grid referencing syntax to target the Dynamic Grid, Uniform Grid, and Freeform Grid components. Grid referencing syntax supports targeting at the component, column, row, and cell level. To learn more, view the following articles in our Documentation Hub: Dynamic Grid: Targeted Logic and Referencing Syntax and Uniform Grid and Freeform Grid: Logic and Referencing Syntax. |
Action |
The action you want to output in your Data Workflow. The most common action is value, which outputs the value of your data to another component in your module. You can also choose an action to perform when the Data Workflow ends. For actions like clear, reset, visible, and disable you'll use a Create Value operator as the input. In the Create Value's expression/value field, add 'yes' or 'no' enclosed in single quotes. Then select the appropriate action in the Output operator. For a trigger output action, enter GO in the expression/value field. |
Manually-Defined Outputs
In some cases, you might want to reference an input that does not display in the Info window's Component drop-down. For example, the Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. of components in imported modules.
To reference an input that does not display in the Component drop-down:
1. | Select your Output operator. |
2. | In the operator's Info window, select any Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. from the Component drop-down. The Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. displays below the Output operator as a label. |
3. | On the Data Workflow canvas, double-click the Output operator's label. The field becomes editable. |
4. | Enter the Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. to use as an output. |
5. | Click outside the field to save your manually-defined output. |
Reopening the Data Workflow component might not display your manually-defined output on the canvas, though the connection still exists. Consider using the Data Workflow component's Comment field to note the output.
Adding an Output Operator
To demonstrate an Output operator, take data from a Data Table component and output it to a Hidden component.
These instructions assume you have a new module open, saved, and with a title.
Configure the Data Table Component
First, add a Data Table component to store some sample data that includes US States and their capitals.
1. | In the Module Builder, drag and drop a ![]() |
3. | In the data table, enter the following: |
A | B | |
---|---|---|
1 |
state |
capital |
2 |
California |
Sacramento |
3 |
New York |
Albany |
4 |
Texas |
Austin |
4. | Click Save & Close. |
Configure the Hidden Component
Next, add a Hidden component to store the output from your Data Workflow.
1. | Drag and drop a Hidden component onto your canvas, placing it below your ![]() |
3. | Click Save & Close. |
Configure the Data Workflow Component
Lastly, configure a Data Workflow component to process the data.
1. | Drag and drop a Data Workflow component onto your canvas, placing it between your ![]() |
Configure the Input Operator
1. | Drag and drop an Input operator onto your Data Workflow canvas. |
2. | Configure the Input operator's Info window as follows: |
Setting |
Value |
---|---|
Category |
Input |
Component |
dtStates |
Required |
Yes |
Source |
Default |
Configure the Output Operator
1. | Drag and drop an Output operator onto your Data Workflow canvas. |
2. | Configure the Output operator's Info window as follows: |
Setting |
Value |
---|---|
Category |
Output |
Component |
dwfOutput |
Action |
value |
3. | Connect the output port (right) of the Input operator to the input port (left) of the Output operator. |
4. | Click Save. |
5. | Save your module. |
The completed data workflow looks like the following:
Your completed module looks like the following:
Preview your module in Express View 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. and open the DevTools Console The DevTools Console helps you securely store, build, test, and deploy your software.. Run the Angular command The Angular command, or data command, is a tool that displays submission data in a browser's developer console. In Express View, enter the following command in the devtool console: angular.element('.unqorkio-form').scope().submission. Expand the ▶ data: tab and the ▶dwfOutput to view the output data stored in the Hidden component.