Kuika's Navigate action is used to redirect the user to a specific page, form or module in a process step. It manages navigation between different screens in your app, and provides a quick redirection to the destination page after a specific action or user interaction. In this tutorial, you will learn how to effectively guide users through the app using the Navigate action.

The Navigate action is supported in web and mobile apps.

Add Navigate Action

After logging into the Kuika platform, open the project you will work on from the “Apps” screen.
While in the “UI Design” module, open the “Properties” panel on the right side.

Select “Initial Actions → Navigation → Navigate” from the “+ADD ACTION” drop-down menu.
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.