How to: Trigger and Initializer Component With a Button

You might use an Initializer component to automatically answer a set of questions. Or connect it to a Plug-In component that controls an API call. Whatever function your Initializer component serves, you have a couple of options for triggering it. To trigger your Initializer component manually, you'll use a Button component.

In this how-to guide, you'll configure your Initializer component and reference its Property ID when configuring your Button component. In this example, you'll create a simple application with two Yes or No questions. Then, you'll add an Initializer component to select Yes for both questions. Instead of having the Initializer component handle the action automatically, you’ll use a Button component to serve as the trigger. When your end-user clicks the button, both answers will display as Yes.

Configure the Radio Buttons Components

First, create the questions using two Radio Buttons components.

1. In the Module Builder, drag and drop a Radio Buttons component onto your canvas.

2. In the Property ID field, enter completeApplication.

3. In the Label Text field, enter Did you complete this application yourself?.

4. Complete the Values table as follows:

   #	Option Label	Value to Store in Submission Data
   1	Yes	yes
   2	No	no

5. Click Save & Close.

6. Drag and drop another Radio Buttons component onto your canvas, placing it below the previous one.

7. In the Property ID field, enter applicationStarted.

8. In the Label Text field, enter Did you start this application less than one month ago?.

9. 1. Complete the Values table as follows:

   #	Option Label	Value to Store in Submission Data
   1	Yes	yes
   2	No	no

   

10. Click Save & Close.

Configure the Initializer Component

Next, let's set up your Initializer component to send yes values to both of your questions.

1. Drag and drop an Initializer component onto your canvas, placing it below your Radio Buttons component.

2. In the Property ID and Canvas Label Text field, enter initRadioButtons.

3. In the Outputs table, enter the following:

   #	Property ID	Type	Value
   1	applicationStarted	value	yes
   2	completeApplication	value	yes

   

4. Click Save & Close.

Configure the Button Component

Lastly, you'll add a Button component to trigger your Initializer component.

1. Drag and drop a Button component onto your canvas, placing it below your Initializer component.

2. In the Property ID field, enter btnYesToAll.

3. In the Label Text field, enter Yes To All.

4. Set the Action Type as Event.

5. From the On Click drop-down, select initRadioButtons.

   

6. Click Save & Close.

7. Save your module.

Here's how your completed exxample looks in the Module Builder:

Preview your module in Express View and click the Yes To All button. You'll see the answers to your questions automatically display as Yes.