Navigation Task

How do I navigate to a page in Designer? Also, what are three launch modes: Standard, Clear Top & Single Top?

10 Likes

You can define the navigation between the screens within your app. You can define the navigation between two or more screen by using the following launch mode:

  • Standard
  • Clear Top
  • Single Top
  1. Standard Launch Mode:-

In the β€œNavigate” task, this is the default launch mode. While configuring the β€œNavigate” task, if you do not define any launch mode, the application/app uses the standard launch mode by default.

If the user wants to navigate to the previously visited page, the standard launch mode creates a new copy of that previously visited page and then appends it to the current page.

Assume a user navigates from page β€˜A’ to page β€˜D’ through page β€˜B’ and page β€˜C’. Thus, the navigate flow represents the following sequence:

Aβ€”->B —–> C β€”-> D

If the user wants to navigate back to page β€˜B’ from page β€˜D’, the standard launch mode will create a new copy of page β€˜B’ and append it to page β€˜D’. Thus, the standard launch mode will let the user navigate to page β€˜B’ from page β€˜D’. In this case, the new navigation flow will represent the following sequence:

Aβ€”-> B β€”-> C β€”-> D β€”-> B

  1. Clear-Top Launch Mode:-

If the user wants to navigate to a page, the clear top launch mode checks whether the user has visited that page earlier in the navigation flow. If the user has visited that page earlier, the clear-top launch mode will remove all the pages after the previously visited page in the navigation flow and then take the user back to the previously visited page. Let’s understand this context with the following example:-

Assume the user navigates to page β€˜D’ from page β€˜A’ through pages β€˜B’ and β€˜C’. In this case, the navigation flow represents the following sequence:

Aβ€”-> Bβ€”-> Cβ€”-> D

If the user wants to navigate to page β€˜B’ from page β€˜D’, the clear top launch mode will remove all the pages (page β€˜C’ and page β€˜D’) after page β€˜B’ and then take the user to page β€˜B’. In this case, the navigation flow will represent the following sequence

  1. Single Top Launch Mode:-

If the user wants to navigate to the previously visited page, the single-top launch mode erases that previously visited page from its sequence number in the current navigation flow and then appends it to the current page. Thus, the user automatically navigates to the previously visited page from the current page.

Assume the user navigates to page β€˜D’ from page β€˜A’ through pages β€˜B’ and β€˜C’. In this case, the navigation flow becomes as follows:

Aβ€”->B —–> C β€”-> D

If the user wants to navigate to page β€˜B’, the single-top launch mode erases page β€˜B’ from its current sequence number β€˜2’ and then appends it to the current page β€˜D’. Thus, the user can navigate from page β€˜D’ to page β€˜B’. In the navigation flow, the new sequence number of page β€˜B’ will be β€˜4’.

Steps to Configure

  1. On the Event Configuration page, find the Task panel.
  2. In the Task panel, search and find the Navigate task.
  3. Drag the Navigate task from the Task panel to the Execution panel.
  4. Under Navigate, a group of boxes appears.
  5. In the boxes, configure different properties as follows:
6 Likes

In addition to above solution, You can refer the academy link for pictorial representation also:
https://academy.vahanacloud.com/design/navigate/

1 Like