Explain the steps to navigate a popup to pop-up

follow the below steps to navigate a popup to pop-up :-

Page and Components:

  • Create a popup page and add two components that you want to display in popups.

Custom load Task and Business Rules:

  • Create two Custom load tasks for both components on page load.
  • Define Business Rules (BR) conditions based on the value of tempObject.flag1.
  • Example:- 1. “BR rule in the custom load of the first component” (getVal(“tempObject.flag1”) == “yes” ).
  1. “BR rule in the custom load of the second component.” (getVal(“tempObject.flag1”) == “no”).

Button for Showing the First Popup:

  • Create a button that, when clicked, will trigger actions to display the first popup.

Actions for Showing the First Popup After Clicking on the Button:
a. Control Copy Task:

  • In this task, specify the type as ‘fixed’.
  • Copy the value from a fixed path (e.g., ‘yes’).
  • Copy it to the path getVal(“tempObject.flag1”).
    b. Navigate Task:
  • Navigate to the ID of the first popup that you want to display.
    c. Invoke Task:
  • Invoke the two components that you want to display in the popup.

Button for Showing the Second Popup:

  • Create another button that, when clicked, will trigger actions to display the second popup.

Actions for Showing the Second Popup After Clicking on the Button:

  • In this case, you can create an event on the button click and create tasks that depend on the value of tempObject.flag1:
    a. Control Copy Task:
  • In this task, specify the type as ‘fixed’.
  • Copy the value from a fixed path (e.g., ‘no’).
  • Copy it to the path getVal(“tempObject.flag1”).
    b. Invoke Task:
  • Invoke the two components that you want to display in the popup.