Add Navigate Action

  1. After logging into the Kuika platform, open the project you will work on from the “Apps” screen.
  2. While in the “UI Design” module, open the “Properties” panel on the right side.
  1. Select “Initial Actions → Navigation → Navigate” from the “+ADD ACTION” drop-down menu.
  2. Then configure the following field:
  • To Screen: Select the desired screen to be navigated to. To Screen allows the user to see the destination screen.
  • Open As: Provides options that determine how to open the screen to be redirected to.some text
    • Current Page: The selected screen opens over the current screen.
  • New Tab: The selected screen opens in a new tab.
  • Drawer: The selected screen opens as a new drawer. Drawer settings:
  • Placement: Drawer position can be set to Top, Right, Bottom or Left.
  • Width: Drawer width value can be set in px %, or vw.
  • Height: Drawer height value is set in px % or vw.
  • Push: In nested drawers, the secondary drawer opens next to the primary drawer.
  • Modal: The selected screen opens in a modal window. Modal settings:
  • Closable: Select whether the modal can be closed.
  • Width: The width of the modal is set in px % or vw.
  • Height: Sets the height of the modal, in px % or vw.
  • Execute Page Init Actions After Closed: If the redirected page has Page Init Actions and this option is set to true, these actions will be executed when the page is closed. This ensures that certain actions are performed when the page is closed.