Toggle Menu Collapse Action Application Steps

1. Define the Action in UI Design

  • UI Design module and select the screen where you want to define the action.
  • Identify the UI area where the menu element is located (e.g., left navigation menu).
  • Create a trigger (e.g. an icon, button or heading) that will control the menu.
  • +ADD ACTION menu, follow this path: Select the trigger event (Initial Actions, OnClick, etc.) that suits your needs and add the UI Control > Toggle Menu Collapse action.

2. Configure Action Parameters

  • Component to Change
    • Type: Menu element
    • Required: Yes
    • Description: Select the menu component to be opened or closed.
    • Example: SideMenu, MobileNav, CategoryList

This field can be easily selected using the Symbol Picker. All menu components previously defined in the application are listed.