How to perform 'Navigation' in vFlow

How to navigate from any component/element to another screen in vFlow using the task.

1 Like

To perform the navigation task in vFlow, You will have to perform certain steps:

Let’s assume that you have a queue component on the screen and on the click of that queue user shall be navigated to another page.
.
.
.

  1. Configure a page.
  2. Make sure that the Queue component has been configured and mapped in the layout section of page.

Navigation Task

  1. Go to Task group from the left panel in vFlow.

  2. Provide name to the task group.

  3. Add new task - ‘NAVIGATE’ and provide subtask.

  4. Click on ‘Add task config.’ A pop up box will appear.

  5. Provide basic details in it.

  6. In Configuration section: Provide the name of the page in ‘Page Id’. The page on which the user shall be navigated.

  7. Then Submit the task and task group.

  8. Add an ‘On click’ Event. And map that task group into it.

  9. Lastly, vFlow->Queue component->Element

  10. Add this event in the Events section of the element of queue component.

1 Like

To perform the navigation task in vFlow, You will have to perform certain steps:

Let’s assume that you have a queue component on the screen and on the click of that queue user shall be navigated to another page.
.
.
.

  1. Configure a page.
  2. Make sure that the Queue component has been configured and mapped in the layout section of page.

Navigation Task

  1. Go to Task group from the left panel in vFlow.

  2. Provide name to the task group.

  3. Add new task - ‘NAVIGATE’ and provide subtask.

  4. Click on ‘Add task config.’ A pop up box will appear.

  5. Provide basic details in it.

  6. In Configuration section: Provide the name of the page in ‘Page Id’. The page on which the user shall be navigated.

  7. Then Submit the task and task group.

  8. Add an ‘On click’ Event. And map that task group into it.

  9. Lastly, vFlow->Queue component->Element

  10. Add this event in the Events section of the element of queue component.

3 Likes