Inserting a navigation trail

A navigation trail shows the route to the current page. From the navigation trail you can return to upper or parent pages. You can insert a navigation trail, sometimes referred to as breadcrumbs, into a Web page by dragging the navigation trail object from the Palette view.

1. Create a Web project.

2. Create a Web site structure.

3. Create or import Web resources.

4. Create a page template (optional).

   Note: If you use a page template to govern the layout and visual design of all of the pages in a Web site, you can insert a navigation trail onto the page template, rather than adding the navigation to every page individually. The links in the navigation trail are then updated dynamically for each individual page in the site.

To insert a navigation trail into a Web page, do the following:

1. To open Web Site Navigation, expand your Web project in the Project Explorer view and double-click

   Web Site Navigation

2. Double-click a page icon in Web Site Navigation to open the Design page in Page Designer.

3. Select the

   Web Site Navigation drawer in the Palette view and drag the

   Navigation Trail object onto the page; an insert window opens.

4. Select whether you want to use a

   Sample navigation trail or a

   User-defined navigation trail. If you want to use a sample navigation trail, select one of the

   Thumbnail images and the

   File name field is populated. If you have a user-defined navigation trail, you can click Browse to locate the file in the in the

   Current project or

   Import the file from the file system. Select your user-defined navigation trail and the

   File name field is populated. Click Next.

5. Choose the

   Separator character, the character that appears between each link in the trail.

6. Choose the

   Start character and the

   End character, the characters that appear at the beginning and the end of the trail.

7. If the Web page or page template to which you are adding the navigation is a JSP or Faces JSP page, click Next. On the Optional Settings for Specification File page of the wizard, select the navigation type that you want to use. If the page or page template is a Faces JSP page, select HTML Navigation and Use Faces link in order to create an HTML custom tag with outputLink tag for Faces.

8. Click Finish. A navigation icon () is inserted on the page or template to indicate that a navigation component exists.

   

9. Press CTRL+S to save your changes. The navigation trail is inserted on the page.

 

Related concepts

Dynamic navigation elements

 

Related tasks

Inserting a drop-down list

Inserting a navigation bar

Inserting a site map

Inserting a navigation menu

---