How to: Triggering Operations Using the Button Component

Overview

Using a Button component, you can trigger any operational component. This allows your end-user 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. to begin the configured operation with the click of a button on your application.

Discover how to trigger operations in Vega The Vega (v 2.0.0) runtime is the next-generation engine of the UDesigner platform. Vega uses cutting-edge technologies to improve the Creator and end-user experience. using the Operations Builder tool, view our Operations Builder article.

Here are few components a Button can trigger:

When to Trigger Operations Using a Button Component

There are several use cases where you can use a Button to trigger operations. A few examples include:

  • Using a Button to trigger a Calculator component after your end-user enters their information. This ensures all the necessary input is there before the Calculator runs.
  • Using a Button to trigger a Plug-In component's Create Submission or Update Submissions API (application programming interface) call.
  • Adding custom navigation Buttons to your module. The Buttons can trigger Initializer components that trigger a Navigation component.
  • When you want to improve your application's performance—having many Decisions or other components set to a Watch Trigger Type slows down a page's load time.

How to Trigger Operations Using a Button Component

At the basic level, here's what you'll do to manually trigger a component using a Button component:

1. In the Module Builder, drag and drop a Button component Icon Button component onto your canvas.
2. Navigate to the Actions settings.
3. From the Action Type The action performed by the button when selected. drop-down, select Event.

You can use the On Click field with any Action Type selection. Here, we've selected Event, but you could use Save, Save Draft, Validate, or Reset depending on your use case. For more information on these Action Types, you can read the Button component article in our Documentation Hub.

4. Under Triggers, in the On Click Enter the Property ID of the component that you want to trigger on each button-click. field, enter or select the Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. of the component you want to trigger.
5. Click Save Component.
6. Save your module.

Let's look at an example. You can see the basic configuration that triggers a  Calculator component called calcAge.

The Action Type The action performed by the button when selected. is set to Event and, in the On Click field, the Calculator's Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module., calcAge, is entered.

A static image displaying the Button component's Action Type and Triggers setting.

After saving both components, your Calculator will only run after the end-user 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. clicks the Button.

Resources