Toggle Visibility Of Action Application Steps

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 whose visibility will be changed is located.
  • Add an information box, description text, or form field.
  • Example: When the ‘Show Details’ button is clicked, a text field should appear, and when clicked again, it should be hidden.
  • Add a trigger element that will control this element (e.g. button, checkbox, icon).
  • Click on this element and add the UI Control > Toggle Visibility Of action by selecting the trigger event (Initial Actions, OnClick, etc.) that suits your needs from the +ADD ACTION menu.

2. Configure Action Parameters

  • Component to Change:
    • Required: Yes
    • Description: Select the element whose visibility will be reversed.