Affected Elements

Description

The Affected Elements node in Titan Web Action Flow allows you to perform multiple actions on several elements and variables within a project in a single step. This includes setting values, changing mandatory fields, updating background colors, and much more: all from a single node.

One of its powerful capabilities is the ability to apply multiple actions to the same element.  For example, you can dynamically set a field’s value and change its background color in the same action.

You can also affect multiple elements at once.  For example, in a single Affected Elements node, you can:

• Set several fields to be mandatory.
• Change other fields to be optional.
• Assign values to some of these fields at the same time.

Think of the Affected Elements node as a Swiss Army knife for your Action Flow:  It can handle, manipulate, change, and affect multiple elements or variables in your project with just one action.

How to Guide

You can configure the Affected Elements node to run on any action flow, such as conditions or on-click actions. In this example, the action is added to a button, but you can also add it to a page by clicking the Configure Actions button.

You can configure actions for the first time or every time a page loads, or configure a condition.

To add the affected element node to a button, do as follows:

1. Click the button element and click the On Click Action icon.

2. Hover with your mouse pointer over the Start node and click the + icon. The Add Node screen opens, and you can add the Affected Element node.

3. Alternatively, after clicking the On Click Action icon on the button, click the Configure Conditions button under Conditions.

4. Hover with your mouse pointer over the Condition node and click the + icon. The Add Node screen opens from where you can add the Affected Element node.

5. Click the Affected Elements option and click the Next button. The Add Node/ Affected Elements screen opens with a list of the elements. These are all the elements in your project.

6. Use the Search element/s box to search for specific elements.

7. Use the Apply Filters option to filter the elements as follows:
   • Pages: a checkmark shows which page was selected.
   • All: all the elements, including those on the project level, are shown.
   • Set: all elements where an action was set.
   • Not set: all elements where an action has not been set.

8. Click the Select all checkbox to instantly select all the elements in the list.

9. If required, add variables to the project or the current page.

10. Select the element/s that you want to affect.

11. Use the drop-down list to see all the options. The following options are available:

Affected Element Option	Description
Show or Hide	Dynamically change whether elements or shown or hidden based on user action or information from Salesforce.
Read Only and Editable Enable or Disable Mandatory or Not mandatory	Dynamically adjust the characteristics of elements based on user actions or information from Salesforce: Read-only elements: Users can view but not directly edit or change read-only fields. These fields typically display static information such as text, numbers, or dates that are not meant to be altered by the user. They are often used to show system-generated, calculated, or historical data. Users can copy information from these fields but cannot modify it directly. Editable elements: These fields allow users to input, modify, or update information directly on the web page. They are interactive and enable users to enter text, select options from drop-down menus, pick dates from calendars, or upload files, depending on the type of input required. Disabled elements: These input fields appear grayed out and do not accept user interaction. Users cannot click, type, or modify the content of disabled fields. They are typically used when an input is temporarily unavailable, dependent on other inputs, or restricted due to user permissions. Disabled fields do not get submitted with a form. Enabled elements: These are active and interactive input fields allowing users to enter or modify information. Enabled fields accept input, can be clicked, and will be included when a form is submitted. They are essential for collecting user data and facilitating user interactions on a web page. Mandatory elements: Users must fill out these input fields before submitting a form. They are often marked with an asterisk (*) or accompanied by validation messages indicating the required information. If a mandatory field is left empty, the form typically displays an error message and prevents submission until the required information is provided. Examples include fields like name, email address, and password in a registration form. Not Mandatory elements: These fields are optional, meaning users can choose to fill them out or leave them blank without affecting form submission. They provide additional but non-essential information that may enhance user experience or provide more details to the system.
Activate	The Activate option selects a specific item on a radio button or a picklist.
Set color or Set background color	Dynamically customize colors based on user action or information from Salesforce that will affect the selected elements.
Set focus	Direct the user’s attention to the element that you want them to focus on.
Set value Set value from Set items from JSON Set custom value Reset value Clear items	Use any of the options to set values that will affect the selected elements. Set value: You can set a static value to an element. Set value from: You can set the value from one element to another. Set items from JSON: You can dynamically set a picklist from JSON to affect its items. The items must be separated using a semicolon. Set custom value: Use a value from a field on the project that can be concatenated with either static text or other fields on the project.  Reset value: Reset the value of an element to its original state. Clear items: Clear the values of elements, such as option(s) selected in a picklist.
Run animation	Trigger the animation action for an element that has it set under the settings.
Increment (+1) or Decrement (-1)	Change the value of an element with increments of 1.

12. Click the Apply button. The action is added to the element.

13. Click the Next button.
14. Change the tag if necessary and click the Insert button. The Affected Element node is added to the screen.
15. Click the Apply button.

16. Save and Preview the project.