Using Notes Outline for navigation in composite application

1.    Create a new composite application
2.    Create a new outline with the specifications as illustrated by the image
 
3.    Now embed the out line into a page and name it as the “Main Page” as illustrated in the following image

4.    Now Open up the Composite Application Editor (CAE). And open up the Page Navigator properties as illustrated in the following image

5.    Now ensure that the properties highlighted in the following screen shots are set accordingly. U may have to manually add them if you don’t find them
 
6.    The useNavigator setting tells the CA subsystem that we want a navigation system and the navigationModel setting equalling "custom" tells it that we will provide our own page switcher

7.    Now add 3 pages to the CAE as illustrated in the following images
 
8.    You would see a screen as follows in the Left margin in CAE

9.    Now select eacha and every page in the left section of the CAE and add a “Managed Browser” section to each of them as illustrated in the following image

10.    Now edit the component properties of all these managed browsers and give them a target url as illustrated in the following images

11.    Once that is done, save and close your CAE and preview your application on the Notes Client as illustrated in the following figure

12.    And you would be viewing something similar to the following