Creating a GlobalHeader Using PageHeader

To create a globalHeader:

In the Design Structure Window of the desired file, expand the pageLayout or pageHeaderLayout node to locate the pageHeader named child node.
The pageHeader node is under pageLayout Named Children in pageLayout. or pageHeaderLayout Named Children in pageHeaderLayout .
In the Component Palette, select Navigation Components from the dropdown list, and then drag and drop the globalHeader component from the list to the pageHeader node.
The globalHeader node is inserted under the expanded pageHeader node.
In the Design Structure Window, right-click the globalHeader node and choose Insert inside globalHeader | link.
The new link node is inserted and highlighted in the Structure Window. The Property Inspector displays the properties of the new component.
In the Property Inspector, set the following attributes for the new link component:
- text - Enter the text for the heading.
- destination - Enter a URL. If you prefer, you can use # as a dead placeholder link.
- disabled - Click in the right column and select true if you want to render the heading as disabled.
Repeat steps 3 and 4 to add additional global headings.
Headings are displayed in sequence horizontally; the first header in the sequence is numbered 0, the second header is numbered 1, and so on. More than seven headings on a page is undesirable because the information may be obscured from view without additional scrolling.
To set a selected heading for the page, do the following:
1. In the Design Structure Window, select the globalHeader node.
2. In the Property Inspector, set the selectedIndex attribute to the value of the heading you want to be made selected when the page is first displayed in a browser. Use one of the following values:
  - 0 - make the first heading selected
  - 1 - make the second heading selected
  - 2 - make the third heading selected, and so on

Tip: If you're not using tabs on a page, you can use the text attribute of globalHeader to set a name for the page.

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

Example (UIX XML)


...
<pageLayout>
  
  <!-- Level 2 Navigation -->
  
  <pageHeader>
    <globalHeader selectedIndex="1">
      <contents>
        <link text="Deli" destination="http://www.oracle.com"/>
        <link text="Grocery Store" destination="http://www.oracle.com"/>
        <link text="Drug Store" destination="http://www.oracle.com"/>
      </contents>
    </globalHeader>
  </pageHeader>
  
  <!-- REST OF PAGE LAYOUT-->
  
</pageLayout>
...