How to Create Breadcrumbs

Previous
Previous
Next
Next

To add a breadcrumb to a page in your application you must:

Creating Breadcrumbs from the Shared Components Page

To create breadcrumbs from the Shared Components page:

  1. On the Database Home Page, click the Application Builder icon.

  2. Select an application.

  3. On the Application Builder home page, click Shared Components.

  4. Under Navigation, select Breadcrumbs.

    The Breadcrumbs page appears.

  5. Click Create.

  6. Enter a name and click Create.

Creating Breadcrumbs from a Page Definition

To create breadcrumbs from a Page Definition:

  1. Navigate to the appropriate Page Definition:

    1. Navigate to the Database Home Page.

    2. Click the Application Builder icon.

    3. Select an application.

    4. Select a page.

      The Page Definition appears.

  2. Under Shared Components, scroll down to Breadcrumbs and click the Create icon.

  3. Enter a name and click Create.

After you create a breadcrumb, you add entries to it.

Adding Breadcrumb Entries

To add a breadcrumb entry:

  1. Navigate to the Breadcrumbs page:

    1. Navigate to the Database Home Page.

    2. Click the Application Builder icon.

    3. Select an application.

    4. On the Application Builder home page, click Shared Components.

    5. Under Navigation, select Breadcrumbs.

      The Breadcrumbs page appears.

  2. Select a breadcrumb to add entries to.

  3. Click Create Breadcrumb Entry.

  4. Under Breadcrumb Identification, specify the page on which this menu will be current

  5. Under Entry:

    1. Sequence - Indicate the order in which breadcrumb entries appear.

    2. Parent Bread Entry - Identify the parent of this entry.

    3. Short Name - Specify the short name of this entry (referenced in the breadcrumb template).

    4. Long Name - Specify the long name of this entry (referenced in the breadcrumb template).

  6. Under Target:

    If the target location is a URL:

    1. From Target is a, select URL.

    2. In URL Target, enter a URL.

    If the target location is a page:

    1. From Target is a, select Page in this Application

    2. In Page, specify the page ID

  7. You can make a breadcrumb conditional by making selections under Conditions.

    To make the breadcrumb conditional:

    1. Make a selection from the Condition Type list.

    2. Enter an expression in the fields provided.

  8. When you are finished defining menu attributes, click Create at the top of the page.

Repeat these procedures for each breadcrumb entry you need to create.

Adding a Breadcrumb Region

A region is a area on a page that serves as a container for content. Once you create a breadcrumb and a breadcrumb template, the next step is to create a region. Once you create a region you can add a breadcrumb to page.


See Also:

"Creating a New Template" and "Breadcrumb Templates" for information about changing menu display

To create a breadcrumb region:

  1. Navigate to the appropriate Page Definition:

    1. Navigate to the Database Home Page.

    2. Click the Application Builder icon.

    3. Select an application.

    4. Select a page.

      The Page Definition appears.

  2. Under Regions, click the Create icon.

    The Create Region Wizard appears.

  3. For the region type, select Breadcrumb.

  4. Enter a title and select a region template.

  5. Select a breadcrumb and a breadcrumb template.

  6. Optional. Identify the breadcrumb entry used to identify this page:

    1. Breadcrumb Entry Label - Enter a label for the breadcrumb entry.

    2. Parent Breadcrumb Entry - Select the appropriate hierarchical parent.

  7. Click Finish.

Repeat these procedures for each page where you would like to add breadcrumb navigation.

About Creating a Dynamic Breadcrumbs

To give users more exact context, you can include session state in breadcrumbs, making your breadcrumbs dynamic. For example, suppose a page in your application displays a list of orders for a particular company and you want to include the following breadcrumb:

Home > Orders > Orders for ACME Inc

In this example, ACME Inc not only indicates the page a user is on and the navigation path. The Application Express engine stores the value of ACME Inc. in session state.

To create this type of dynamic menu, you must include a reference to a session state item in the breadcrumb's short name or long name, for example:

&COMPANY_NAME.