---
title: "How to: Trigger Multiple Operations"
slug: "how-to-trigger-multiple-operations"
description: "Learn how to configure a button in Unqork to trigger multiple components, disabling fields and revealing new ones with a single click event."
updated: 2026-01-20T16:45:51Z
published: 2026-01-20T20:38:53Z
canonical: "docs.unqork.io/how-to-trigger-multiple-operations"
---

> ## 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: Trigger Multiple Operations

When an end-user clicks a button on an application, the component selected in the [Button](/v1/docs/button-component) component’s **On Click** setting is triggered. The process is straightforward to use. But sometimes you might want a button to trigger more than one component. Using the Button component’s **Event ID** setting lets you trigger multiple components from a single button-click event.

## Configuration

In this how-to guide, you’ll use the Button component’s **Event ID** to trigger multiple components simultaneously. When an end-user clicks the button, the **Username** and **Last 4 Digits of SSN** fields become disabled so they cannot enter values. At the same time, the **Name** and **Email Address** fields become visible so they can enter values.

Click on the tab below that matches your Unqork Platform:

UDesignerClassic Designer

### Configure the Panel Component

This [Panel](/v1/docs/how-to-guide-panel-component) component acts as a container for the components that follow.

1. In the Module Builder, drag and drop a **Panel** component onto your canvas.
2. In the **Property ID** field, enter `panelEvent`.
3. Click **Save Component**.

### Configure the Button Component

Next, you'll configure the [Button](/v1/docs/how-to-guide-button-component) component that, when clicked, triggers the [Decisions](/v1/docs/decisions-component) components you'll add later.

1. Drag and drop a **Button** component onto your canvas, placing it inside your Panel component.
2. In the **Property ID** field, enter `btnNewUser`.
3. In the **Label Text** field, enter `I'm a New User`.
4. From the **Action Type** drop-down, select **Event**.
5. In the **Click Event** field, enter `btnEventShowFields`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(787).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D)
6. Click **Save Component**.

### Configure the First Text Field Component

Configure the first [Text Field](/v1/docs/text-field-component) component for your **Username** field. When your end-user clicks the **I'm a New User** button, the field becomes disabled. You'll set up the disable function using a [Decisions](/v1/docs/decisions-component) component later.

1. Drag and drop a **Text Field** component onto your canvas, placing it above the `btnNewUser` **Button** component.
2. In the **Property ID** field, enter `username`.
3. In the **Label Text** field, enter `Username`.
4. Click **Save Component**.

### Configure the Protected Field Component

You’ll configure a [Protected Field](/v1/docs/protected-field-component) component for your **Last 4 Digits of SSN** field. When your end-user clicks the **I'm a New User** button, this field becomes disabled.

1. Drag and drop a **Protected Field** component onto your canvas, placing it between the `Username` **Text Field** and the `I'm a New User` **Button** components.
2. In the **Property ID** field, enter `ssnDigits`.
3. In the **Label Text** field, enter `Last 4 Digits of SSN`.
4. Click **Save Component**.

### Configure the Second Text Field Component

This [Text Field](/v1/docs/text-field-component) component represents your hidden **Name** field. When your end-user clicks the `I'm a New User` button, this field becomes visible. You'll set up the visible function with a [Decisions](/v1/docs/decisions-component) component later.

1. Drag and drop a **Text Field** component onto your canvas, placing it below the `I'm a New User` **Button** component.
2. In the **Property ID** field, enter `name`.
3. In the **Label Text** field, enter `Name`.
4. Set **Hide Field** to ![files](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggle_ON(15).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D) **(ON)**.
5. Click **Save Component**.

### Configure the Email Component

This [Email](/v1/docs/email-component) component represents your hidden **Email Address** field. When your end-user clicks the **I'm a New User** button, this field becomes visible.

1. Drag and drop an **Email** component onto your canvas, placing it below the `name` **Text field** component.
2. In the **Property ID** field, enter `emailAddress`.
3. In the **Label Text** field, enter `Email Address`.
4. Set **Hide Field** to ![files](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggle_ON(15).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D) **(ON)**.
5. Click **Save Component**.

### Configure the First Decisions Component

You'll use two [Decisions](/v1/docs/how-to-guide-decisions-component) components to disable your **Username** and **Last 4 Digits of SSN** fields when the end-user clicks the **I'm a New User** button.

1. Drag and drop a **Decisions** component onto your canvas, placing it below the `I'm a New User` **Button** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `ruleDisableFields`.
3. From the **Trigger Type** drop-down, select **Watch**.
4. In the **Inputs** table, enter the following:

| # | Source | Type |
| --- | --- | --- |
| 1 | buttonClick | exact |

> [!NOTE]
> The `buttonClick` syntax is native to Unqork and looks for any button-clicks in your module.
5. In the **Outputs** table, enter the following:

| # | Source | Type |
| --- | --- | --- |
| 1 | username | disabled |
| 2 | ssnDigits | disabled |
6. In the **Conditionals** table, enter the following:

| # | buttonClick | userName_disabled | ssnDigits_disabled |
| --- | --- | --- | --- |
| 1 | btnEventShowFields | yes | yes |
| 2 |  | no | no |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(796).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D)
7. Click **Save Component**.

### Configure the Second Decisions Component

This second [Decisions](/v1/docs/decisions-component) component makes the **Name** and **Email Address** fields visible when your end-user clicks the **I'm a New User** button.

1. Drag and drop a **Decisions** component onto your canvas, placing it below your `ruleDisableFields` **Decisions** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `ruleShowFields`.
3. From the **Trigger Type** drop-down, select **Watch**.
4. In the **Inputs** table, enter the following:

| # | Source | Type |
| --- | --- | --- |
| 1 | buttonClick | exact |
5. In the **Outputs** table, enter the following:

| # | Source | Type |
| --- | --- | --- |
| 1 | name | visible |
| 2 | emailAddress | visible |
6. In the **Conditionals** table, enter the following:

| # | buttonClick | name_visible | emailAddress_visible |
| --- | --- | --- | --- |
| 1 | btnEventShowFields | yes | yes |
| 2 |  | no | no |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(797).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D)
7. Click **Save Component**.
8. **Save** your module.

Here’s how your completed module looks in the Module Builder:

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

Preview your module in Express View. You'll see the **Username** and **Last 4 Digits of SSN** fields. Once you click the **I'm a New User** button, those fields become disabled, and the **Name** and **Email Address** fields become visible.

> [!NOTE]
> In a real-life scenario, you'd add further configuration for a new user to submit their information. In this example, we’ve kept it simple to show you the functionality of an Event ID.

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

### Configure the Panel Component

This [Panel](/v1/docs/how-to-guide-panel-component) component acts as a container for the components that follow.

1. In the Module Builder, drag and drop a **Panel** component onto your canvas.
2. In the **Property ID** field, enter `panelEvent`.
3. Click **Save & Close**.

### Configure the Button Component

Next, you'll configure the [Button](/v1/docs/how-to-guide-button-component) component that, when clicked, triggers the [Decisions](/v1/docs/decisions-component) components you'll add later.

1. Drag and drop a **Button** component onto your canvas, placing it inside your Panel component.
2. In the **Property ID** field, enter `btnNewUser`.
3. In the **Label Text** field, enter `I'm a New User`.
4. Set the **Action Type** as **Event**.
5. In the **Click Event** field, enter `btnEventShowFields`.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(799).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D)
6. Click **Save & Close**.

### Configure the First Text Field Component

Configure the first [Text Field](/v1/docs/text-field-component) component for your **Username** field. When your end-user clicks the **I'm a New User** button, the field becomes disabled. You'll set up the disable function using a [Decisions](/v1/docs/decisions-component) component later.

1. Drag and drop a **Text Field** component onto your canvas, placing it above the `btnNewUser` **Button** component.
2. In the **Property ID** field, enter `username`.
3. In the **Label Text** field, enter `Username`.
4. Click **Save & Close**.

### Configure the Protected Field Component

You’ll configure a [Protected Field](/v1/docs/protected-field-component) component for your **Last 4 Digits of SSN** field. When your end-user clicks the **I'm a New User** button, this field becomes disabled.

1. Drag and drop a Protected Field component onto your canvas, placing it between the `Username` **Text Field** and `I'm a New User` **Button** components.
2. In the **Property ID** field, enter `ssnDigits`.
3. In the **Label Text** field, enter `Last 4 Digits of SSN`.
4. Click **Save & Close**.

### Configure the Second Text Field Component

This [Text Field](/v1/docs/text-field-component) component represents your hidden **Name** field. When your end-user clicks the `I'm a New User` button, this field becomes visible. You'll set up the visible function with a [Decisions](/v1/docs/decisions-component) component later.

1. Drag and drop a **Text Field** component onto your canvas, placing it below the `I'm a New User` **Button** component.
2. In the **Property ID** field, enter `name`.
3. In the **Label Text** field, enter `Name`.
4. Set **Hide Field** to ![files](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggle_ON(15).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D) **(ON)**.
5. Click **Save & Close**.

### Configure the Email Component

This [Email](/v1/docs/email-component) component represents your hidden **Email Address** field. When your end-user clicks the **I'm a New User** button, this field becomes visible.

1. Drag and drop an **Email** component onto your canvas, placing it below the `name` **Text field** component.
2. In the **Property ID** field, enter `emailAddress`.
3. In the **Label Text** field, enter `Email Address`.
4. Set **Hide Field** to ![files](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggle_ON(15).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D) **(ON)**.
5. Click **Save & Close**.

### Configure the First Decisions Component

You'll use two [Decisions](/v1/docs/how-to-guide-decisions-component) components to disable your **Username** and **Last 4 Digits of SSN** fields when the end-user clicks the **I'm a New User** button.

1. Drag and drop a **Decisions** component onto your canvas, placing it below the `I'm a New User` **Button** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `ruleDisableFields`.
3. From the **Trigger Type** field options, select `Watch`.
4. In the **Inputs** table, enter the following:

| Property ID | Type |
| --- | --- |
| buttonClick | exact |

> [!NOTE]
> The `buttonClick` syntax is native to Unqork and looks for any button-clicks in your module.
5. In the **Outputs** table, enter the following:

| Property ID | Type |
| --- | --- |
| username | disabled |
| ssnDigits | disabled |
6. In the **Micro Decisions** table, enter the following:

| buttonClick | userName_disabled | ssnDigits_disabled |
| --- | --- | --- |
| btnEventShowFields | yes | yes |
|  | no | no |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(800).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D)
7. Click **Save**.

### Configure the Second Decisions Component

This second [Decisions](/v1/docs/decisions-component) component makes the **Name** and **Email Address** fields visible when your end-user clicks the **I'm a New User** button.

1. Drag and drop a **Decisions** component onto your canvas, placing it below your `ruleDisableFields` **Decisions** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `ruleShowFields`.
3. Set the **Trigger Type** as **Watch**.
4. In the **Inputs** table, enter the following:

| Property ID | Type |
| --- | --- |
| buttonClick | exact |
5. In the **Outputs** table, enter the following:

| Property ID | Type |
| --- | --- |
| name | visible |
| emailAddress | visible |
6. In the **MIcro Decisions** table, enter the following:

| buttonClick | name_visible | emailAddress_visible |
| --- | --- | --- |
| btnEventShowFields | yes | yes |
|  | no | no |

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/image(801).png?sv=2026-02-06&spr=https&st=2026-11-07T17%3A57%3A46Z&se=2026-11-07T18%3A57%3A46Z&sr=c&sp=r&sig=XyLXtqjme9QChgkMg56AJKD%2Fhbi6ZLDX2f7KigF%2BprM%3D)
7. Click **Save**.
8. Save your module.

Here’s how your completed module looks in the Module Builder:

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

Preview your module in Express View. You'll see the **Username** and **Last 4 Digits of SSN** fields. Once you click the **I'm a New User** button, those fields become disabled, and the **Name** and **Email Address** fields become visible.

> [!NOTE]
> In a real-life scenario, you'd add further configuration for a new user to submit their information. In this example, we’ve kept it simple to show you the functionality of an Event ID.

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

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.

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.