Form Element – Is Changed and Reset Changed State Flag

Business Background

Show a message when elements on a form change.

Titan Solution

You can use conditional logic to show a message when the contents of input elements on the form change. You can use it with any conditional logic.

How to Video

Coming soon!

How to Guide

Note:
Note:

Prerequisite:

1. Add a form and populate it with elements.

This image has an empty alt attribute; its file name is image-424.png

The following two radio buttons on the Form Interactivity screen are described:

In this example, two buttons were also added to demonstrate the Form Interactivity added to the On Click Action functionality of each button.

Is changed option

  1. Select the On Click Action icon. The On Click Action screen opens.
On Click Action icon
  1. Select the + icon. The Add Node screen opens.
+ icon
+ icon
  1. Under Element Interactivity, select the Form Interactivity option and select the Next button. The Add Node/Form Interactivity screen opens.
Add Node screen
Add Node screen
  1. Use the Form element drop-down list to select the form. This is the name of the form.
  2. Select the Is Changed radio button and select the Next button. The Form Interactivity node is added to the On Click Action screen.
Add Node/Form Interactivity
Add Node/Form Interactivity
  1. Add a tag if necessary and select the Insert button.
  2. Select the + icon next to the On Changed option. The Add Node screen opens.
  1. Select the Show message option and select the Next button.
  1. Add a message, for instance, “Is changed”, and select the Next button. The Show message node is added to the Form Interactivity node on the On Click Action screen
  2. Add a tag if necessary and select the Insert button.
  3. Select the + icon next to the On Not Changed option. The Add Node screen opens.
  1. Select the Show message option and select the Next button.
  2. Add a message, for instance, “Is not changed”, and select the Next button.
  3. Add a tag if necessary and select the Insert button. The Show message node is added to the Form Interactivity node on the On Click Action screen
  4. Select the Apply button.
Form Interactivity added to On Click Action screen
Form Interactivity added to On Click Action screen
  1. Save and Preview the project.

When no changes were made to the form and a user selects the Is Changed button, the “Is not changed” message will show.

Changes were not made
Changes were not made

If changes were made to the form, and a user selects the Is Changed button, the “Is changed” message will show.

Changes were made
Changes were made

Reset Changed State Flag

  1. Select the On Click Action icon. The On Click Action screen opens.
On Click Action icon
  1. Select the + icon. The Add Node screen opens.
+ icon
+ icon
  1. Under Element Interactivity, select the Form Interactivity option and select the Next button. The Add Node/Form Interactivity screen opens.
Add Node screen
Add Node screen
  1. Use the Form element drop-down list to select the form. This is the name of the form.
  2. Select the Reset Changed State Flag radio button and select the Next button. The Form Interactivity node is added to the On Click Action screen.
Add Node/Form Interactivity
Add Node/Form Interactivity
  1. Add a tag if necessary and select the Insert button.
Note:

Hidden Title

Need more help?