The code will be generated by the code wizard. after deleting already declared attributes and removing unwanted I have kept the remaining.

 

When clicking on the submit button we have to navigate from the first we to the second view. So let us trigger the outbound plug of the first view to navigate to the second view.

 

In the code wizard general tab, choose the radio button start navigation, and select the outbound plug using f4 help.

 

Codes will be generated below.

 

Now the code in the event handler for the button will be.

 

Step 12: In order to navigate back from the second view to the first view create a button back in the second view.

 

Create an event handler method for the button UI element.

 

If you provide the outbound plug at the time of the creation of the event then the coding for the navigation will also be created inside that event handler method.

 

 

Step 13: Save and activate the whole component.

 

Step 14: Create an application and test the component.

 

Output:

 

Enter the name and press submit.