Navigate

Meet the Kuika Navigate system action.

It is the action that leads to the screen selected from the To Screen/URL parameter.

  • To Screen/URL: Select the screen or URL that you want to open.

  • Open As: Select one of the Current Page, New Tab, Drawer and Modal options.

  • Execute Page Init Actions After Closed: If there is Page Init Action on the current page and this option is checked as true, these actions will be executed when Navigation is closed.

Select the element to add action. Click +Add Action under the Properties panel.(A)

Click OnClick → Navigation → Navigate and generate the Navigate action.(A)

Current Page, New Tab, Drawer and Modal in Open As parameter can be selected.

When Current Page is selected, the desired screen is directed over the found screen.

‍When New Tab is selected, the desired screen opens in a new tab.

When the Drawer is selected, placement, width, height and push parameters appear.

  • Placement: Select one of the Top, Right, Bottom and Left options. According to the selected parameter, the Drawer opens in that direction.

  • Width: A value is written by selecting the width value of the opened Drawer as px, % or vw.

  • Height: A value is written by selecting the height value of the opened Drawer as px, % or vw.

  • Push: If there is a nested Drawer, when this option is checked true, the secondary Drawer will open next to the primary Drawer.

When Modal is selected, Closable, Width and Height parameters appear.

  • Closable: It is marked whether the opened Modal can be closed or not.

  • Width: A value is written by selecting the width value of the opened Modal as px, % or vw.

  • Height: A value is written by selecting the height value of the opened Modal as px, % or vw.

You can perform various operations on the Context menu (B) for the actions you create.

You can easily copy the action with the Copy option. This way, you gain speed where action repetition is required.

You can add a confirmation message for the action to run using the Add Confirmation option.

Also, with the Add Condition feature, you can specify certain conditions under which the added action should execute.

You can easily delete the action created with the Remove option.

Last updated