Configuring Application Navigation

Use the Application Navigation Configuration Editor to associate the page navigation controls with the pages in a web application. For example, you may have a tree hierarchy with a home page and child pages, which in turn have their own children.

You can use the Application Navigation Configuration Editor to design the hierarchy. The App Nav bean exposes the hierarchy. The Composite Application Framework navigation controls use the App Nav bean to enable the navigation.

To apply this procedure, you must have two or more pages in your application.

To create an application navigation configuration

1. In the User Interfaces folder in the Solutions view, open the web application you want to work with and double-click the Web Navigation node.

2. In the Web Application Navigation editor, click the Configuration tab.

By default, the Home node is provided. Click the Home node to view its Navigation Page Details.

3. To add a navigation node, do either of the following:

Select the parent node (Home in the initial case) and click Add. The editor adds a new node under the parent node, and gives it an arbitrary title. Expand the Home node to see the new node.

Drag a web application view from the Solutions view and drop it under the node in the editor that will serve as its parent.

4. Select the new navigation node and make changes in the Navigation Page Details as necessary:

In the Title field, accept the existing title or type a new title for the node. If a view is not yet specified, do either of the following:

In the ID field, click Browse, select the view for this node, and click OK.

In the URL field, click Browse, select the view for this node, and click OK. Values take the form /project/view. You can also type an external URL.

(Optional) In the Resource Key field, if you have set a resource key for the view, type the resource key. The value of the resource key is used in place of the text in the Title field.

5. There are some other actions you can perform on the Application Navigation Configuration Editor:

To delete a node, select that node and click Delete.

To move a node within a parent node, select the node and click Up or Down.

To move a node from one parent node to another, drag the node. When you drag a node, all of its child nodes move with it.