How to: Trigger Multiple Operations

When an end-user clicks a button on an application, the component selected in the Button 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:

UDesigner

Classic Designer

Configure the Panel Component

This Panel component acts as a container for the components that follow.

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

Configure the Button Component

Next, you'll configure the Button component that, when clicked, triggers the Decisions components you'll add later.

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

Configure the First Text Field Component

Configure the first Text Field 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 component later.

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

Configure the Protected Field Component

You’ll configure a Protected Field 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.

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.
In the Property ID field, enter ssnDigits.
In the Label Text field, enter Last 4 Digits of SSN.
Click Save Component.

Configure the Second Text Field Component

This Text Field 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 component later.

Drag and drop a Text Field component onto your canvas, placing it below the I'm a New User Button component.
In the Property ID field, enter name.
In the Label Text field, enter Name.
Set Hide Field to (ON).
Click Save Component.

Configure the Email Component

This Email component represents your hidden Email Address field. When your end-user clicks the I'm a New User button, this field becomes visible.

Drag and drop an Email component onto your canvas, placing it below the name Text field component.
In the Property ID field, enter emailAddress.
In the Label Text field, enter Email Address.
Set Hide Field to (ON).
Click Save Component.

Configure the First Decisions Component

You'll use two Decisions components to disable your Username and Last 4 Digits of SSN fields when the end-user clicks the I'm a New User button.

Drag and drop a Decisions component onto your canvas, placing it below the I'm a New User Button component.
In the Property ID and Canvas Label Text fields, enter ruleDisableFields.
From the Trigger Type drop-down, select Watch.
In the Inputs table, enter the following:
#
Source
Type
1
buttonClick
exact
The buttonClick syntax is native to Unqork and looks for any button-clicks in your module.
In the Outputs table, enter the following:
#
Source
Type
1
username
disabled
2
ssnDigits
disabled
In the Conditionals table, enter the following:
#
buttonClick
userName_disabled
ssnDigits_disabled
1
btnEventShowFields
yes
yes
2
no
no
Click Save Component.

#	Source	Type
1	buttonClick	exact

#	Source	Type
1	username	disabled
2	ssnDigits	disabled

#	buttonClick	userName_disabled	ssnDigits_disabled
1	btnEventShowFields	yes	yes
2		no	no

Configure the Second Decisions Component

This second Decisions component makes the Name and Email Address fields visible when your end-user clicks the I'm a New User button.

Drag and drop a Decisions component onto your canvas, placing it below your ruleDisableFields Decisions component.
In the Property ID and Canvas Label Text fields, enter ruleShowFields.
From the Trigger Type drop-down, select Watch.
In the Inputs table, enter the following:
#
Source
Type
1
buttonClick
exact
In the Outputs table, enter the following:
#
Source
Type
1
name
visible
2
emailAddress
visible
In the Conditionals table, enter the following:
#
buttonClick
name_visible
emailAddress_visible
1
btnEventShowFields
yes
yes
2
no
no
Click Save Component.
Save your module.

#	Source	Type
1	buttonClick	exact

#	Source	Type
1	name	visible
2	emailAddress	visible

#	buttonClick	name_visible	emailAddress_visible
1	btnEventShowFields	yes	yes
2		no	no

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

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.

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.