1. Define the Action in UI Design

• Open your project on the Kuika platform.
• Go to the UI Design module and select the screen where the component to be assigned a value is located.
• Add an input field or Text Input element.

• Select the element and add the UI Control > Set Value Of action by selecting the appropriate trigger event (Initial Actions, OnClick, etc.) from the + ADD ACTION menu.

2. Configure Action Parameters

• Component to Change:
  
  • Type: String
  • Required: Yes
  • Description: Select the element whose value will be changed.

When a user enters their first and last name in a registration form, the full name field should be automatically created from these two pieces of information.

(e.g. ‘Maria’ + “Gomes” → ‘Maria Gomes’)

Application Steps:

1. Create three Text Input fields on the form screen:
   
   • FirstNameInput
   • LastNameInput
   • FullNameInput
2. Define the following action for the FirstNameInput and LastNameInput fields: OnChange → UI Control → Set Value Of
3. Action Parameters:
   
   • Component to Change: FullNameInput
   • Value

This way, when the user enters a value in the first name or last name field, the full name field is automatically updated.

• Conditional Value Assignment: Different values can be assigned according to specific conditions. Example: If the user role is ‘Admin’, the default value can be assigned differently. This is achieved with the Add Condition feature.
• Multiple Field Update: When an event is triggered, the values of multiple elements can be updated at the same time. Example: When ‘Order Code’ is entered, both the customer name and order date should be updated.
• Use with Other Actions: Set Value Of can be integrated with actions such as Navigate, Show Message, Change Enabled Of. For example: After the value is assigned, the user can be redirected to the next page.

Technical Risks

• Empty or Invalid Value: The assigned value may be null or in an unexpected format. Pre-checks should be performed if necessary.
• Target Component Access: The operation will fail if the component has been deleted or misnamed.
• Data Type Mismatch: An error may occur if text is assigned to a numeric field. A compatible data type should be selected.

Set Value Of is a powerful action used in the Kuika platform to automate user inputs, reflect system data in forms, and generally make the interface smarter and more user-friendly. It is an indispensable tool for developers who want to create interactive and flexible applications with dynamic data management.