Toggle Hamburger Menu Collapse Action Application Steps

1. Prepare the UI Design

  • Open your project on the Kuika platform.
  • Select or create a screen containing a hamburger menu from the UI Design section.
  • Add a Menu element and give it a name (e.g., hamburgerMenu).
  • Add an Icon or Button that will trigger the menu open/close function. (e.g., ☰ symbol)
  • Click on this element and add the UI Control > Toggle Hamburger Menu Collapse action by selecting the appropriate trigger event (Initial Actions, OnClick, etc.) from the +ADD ACTION menu.
  • Set the action parameters:
  • Parameter Name: Component to Change
  • Required: Yes
  • Description: The hamburger menu element that needs to be opened or closed.
  • Example: hamburgerMenu

The relevant menu element can be easily selected via the Symbol Picker.