1. Define the Action in UI Design

UI Design module and select the screen where you want to apply the action.

• Add an element (e.g. a button).
• Example: The ‘Submit’ button may need to be disabled before the user checks a specific checkbox.

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

2. Configure Action Parameters

• Component To Change: Select the component whose activity status will be changed. Example: Submit Button (SubmitButton)
• Editability: Select one of the Enabled or Disabled options to define the status of the component.
  
  • Enabled → The element becomes active.
  • Disabled → The element becomes inactive.

This parameter can be set as a fixed value or dynamically controlled using conditional expressions (e.g., Add Condition).

On a form screen, we do not want the ‘Create Account’ button to be active unless the ‘I have read the Terms of Use’ box is checked.

Application Steps:

1. Go to the UI Design module.
2. Add a Checkbox element and name it ‘AgreementCheck’.
3. Add a Button element and name it ‘Create Account Button’.
4. Click on the Checkbox element, then define the following action from the +ADD ACTION menu:
   
   • OnChange → UI Control → Change Enabled Of
5. Action Parameters:
   
   • Component To Change: CreateAccountButton

• Control with Dynamic Conditions: With the Add Condition feature, you can define the activity status of different components based on user selections or form status. Example: Disabling input fields until a specific Select Box is selected.
• Multiple Component Management: The activity status of multiple components can be controlled under the same action. Example: Both the ‘Save’ and ‘Cancel’ buttons are deactivated at the same time.

Technical Risks and Controls

• Component Not Found: If the defined component has been deleted or renamed, the action will not work. An update may be required.
• Complex Conditions: When multiple conditions are defined, there is an increased likelihood of the action not working or causing confusion. A clean and understandable structure is recommended.

The ‘Change Enabled Of’ action is a functional tool in the Kuika platform user interface that enables or disables components based on conditions. It is preferred in many user experience scenarios, such as form validation and step-by-step progress controls. It has a wide range of applications thanks to its web and mobile support.