Designer 10.7 | webMethods CAF and OpenUI Development | Developing CAF Applications | Navigation in Web Applications | Hiding Breadcrumbs on the Home Page
 
Hiding Breadcrumbs on the Home Page
You can use the Breadcrumbs control to display levels of navigation starting from the home page. Before you can use breadcrumbs, you must configure the application navigation. For more information, see Configuring Application Navigation.
While breadcrumbs are useful for navigation when the user is somewhere inside the hierarchy of web pages, they provide no useful purpose on a top level page. The following procedure describes how to place the Breadcrumbs control on a page and then hide the control when the home page is displayed.
For more information about these controls, see webMethods CAF Tag Library Reference. For information about using webMethods CAF Tag Library Reference, see Finding Information about CAF Controls.
*To add a breadcrumbs control and hide it on the home page
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.
3. In the Palette view, expand CAF Html > Control > Webapp, and then drag the Breadcrumbs control to the desired location in the header view design canvas.
4. Select the Breadcrumbs control in the design canvas.
5. In the Properties view, click the General tab, then click The Expression Binding button next to the Rendered field.
6. In the Expression Binding dialog box, select Managed Beans > header > App Nav Bean > Current > ID, then click OK.
7. In the Rendered field, modify the binding expression to render the Breadcrumbs control when the ID of the current view is not the same ID as the home page by appending !="/home.view" to the binding expression. For example:
#{header_view.appNavBean.current.id !="/home.view"}
For information about how to locate and copy the ID of the home page, see Finding the Home Page ID.
8. Click OK.
9. Save the web application project.
Related Topics