• Open your project in Kuika.
• Select the relevant screen from the UI Design module.
• For example, create a “Delete” or “Send” button.

• Select the button and add the Condition > Confirmation action from the + ADD ACTION menu according to the desired trigger event (Initial Actions, OnClick, OnBlur, etc.).
• Configure the following parameters:

• Confirmation Message (String - required): The explanatory message to be displayed to the user.
• Confirmation Header (String - optional): Specifies the title of the confirmation box.
• Confirmation Icon (String - optional): The icon to be displayed to the user (e.g., “warning,” “info,” ‘check’).
• Icon Background Color (String - optional): The background color of the icon (e.g., “#FFCC00” or “red”).
• Font Family (String - optional): The font to be used in the text.

• Set all parameters as fixed values or based on data sources.
• If the user clicks “Confirm,” the next actions are triggered; if they click “Cancel,” the process is canceled.

An administrator must obtain confirmation before permanently deleting user data.

Scenario flow:

• The administrator clicks the “Delete” button on the user list screen.
• In the confirmation box that opens:
  
  • Header: “Delete User”
  • Message: “Are you sure you want to delete this user?”
  • Icon: “warning”
  • Icon Background Color: “#FF0000”
• If the administrator clicks “Yes,” the next action is executed.
• If the administrator clicks “No,” the process is canceled.

• Message contents can be customized dynamically according to the type of process.
• The font type can be selected according to the theme used throughout the application.
• The confirmation box can be configured to appear only under certain conditions.

Technical Risks and Controls

• Missing Messages: Confirmation Message should not be left blank.
• Insufficient Information: Users may make incorrect selections when no explanatory message is provided.
• Cancel Control: What happens after selecting “No” should be clearly specified.
• UI Confusion: Color consistency and icon usage should ensure clarity.

The Confirmation action encourages secure and conscious user interactions. It is an indispensable security and user experience tool, especially for multi-step, irreversible, or sensitive transactions.

‍