Creating Breadcrumbs

To create breadcrumbs:

In the Design Structure Window of the desired file, expand the pageLayout node to locate the location node.
If the pageLayout node is not visible, expand page | content | dataScope | document | body | form. The location node is under pageLayout Named Children in pageLayout.
In the Component Palette, select Navigation Components from the dropdown list, and then drag and drop the breadCrumbs component from the list to the location node.
The breadCrumbs node is inserted and highlighted under the location node.
Right-click the breadCrumbs node and choose Insert inside breadCrumbs | link.
The link node is inserted and highlighted under the expanded breadCrumbs node.
In the Property Inspector, set the following attributes for the link component you inserted:
- text - Enter the text for the breadcrumb link.
- destination - Enter the URL.
Repeat steps 3 and 4 to add the desired number of links.
In the Design Structure Window, select the breadCrumbs node.
The Property Inspector displays the properties of the breadCrumbs component.
In the Property Inspector, set the following attribute for the breadCrumbs component:
- orientation - Enter vertical if the text for each breadcrumb link is very long and you don't want undesirable scrolling. The default orientation is horizontal.

Note: To use data binding, see Data Binding a Component Attribute.

Example (UIX XML)


...
<pageLayout>
  <contents/>
  <location> 
    <breadcrumbs orientation="vertical">
      <contents>
        <link text="some text for breadcrumb link" destination="www.oracle.com"/>
        <link text="some text for breadcrumb link" destination="www.oracle.com"/>
        <link text="some text for breadcrumb link" destination="www.oracle.com"/>
      </contents>
    </breadcrumbs>
  </location>
  
  <!-- REST OF PAGE LAYOUT-->
  
</pageLayout>
...