Adding a Home Link to a Web Application
You can provide navigation back to the home page from anywhere in a web application by adding a home page link to a header file that is imported into all pages of the web application. Use the App Nav bean to configure the link to the home page.
You must configure the navigation of the application before you can use the following procedure. For more information, see
Configuring Application Navigation.
To add a link to the home page on all pages in a web application
1. In the UI Development perspective, click the Solutions view, expand the User Interfaces folder, expand the project, and then expand the WebContent folder that contains the header view.
2. Double-click the header view to open it in the editor.
Note:
If you have only recently specified the web application’s navigation settings, you might have to click the Refresh toolbar button in the Bindings view to see the App Nav Bean to be able to complete the next steps.
3. In the Palette view, expand CAF Html > Control > Output and drag the Link control to the desired location in the header view design canvas.
4. Select the Link control in the design canvas, click the Properties view, and then click the Value tab.
5. In the Value tab, do the following:
a. Next to the Value field, click to create a binding expression to the home page. In the Expression Binding dialog box, select Managed Beans > header > App Nav Bean > Root > Url and click OK. b. In the Label field, type the link display text.
The control is now bound to the root view as defined in the App Nav bean.
6. Save the web application project.
Related Topics