Creating a GlobalButton Using GlobalButtons

To create a globalButton:

In the Design Structure Window of the desired file, expand the pageLayout or pageHeaderLayout node to locate the globalButtons named child node.
The globalButtons 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 globalButtonBar component from the list to the globalButtons node.
The globalButtonBar node is inserted under the expanded globalButtons node.
In the Design Structure Window, right-click the globalButtonBar node and choose Insert inside globalButtonBar | globalButton .
The new globalButton 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 global button:
- text - Enter the text for the text link. If a button graphic is used, the text link displays below the button. The text link is repeated at the bottom of the page. Thus each page has the same global button links at the top as well as in the footer section.
- icon - Enter the location and name of the graphic file for the button graphic, if used. The location is relative to the page.
- destination - Enter the URL. If you prefer, you can use # as a dead placeholder link.
Repeat steps 3 and 4 to add additional global buttons.
Global buttons are displayed in sequence horizontally. More than seven global buttons is undesirable because the information may be obscured from view without additional scrolling.

Tip: To enable a globalButton to work like a submitButton, set the onClick attribute to submitForm('formname', 0);return true; where formname is the name of the form to submit to the server.

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

Example (UIX XML)


...
<pageLayout>
  
  <!-- Navigation -->
  
  <globalButtons>
    <globalButtonBar>
      <contents>
        <globalButton text="View source" icon="images/globalhelp.gif" ctrl:event="viewSource"/>
        <globalButton text="Help" icon="images/globalhelp.gif" destination="http://www.oracle.com"/>
      </contents>
    </globalButtonBar>
  </globalButtons>
  
  <!-- REST OF PAGE LAYOUT-->
  
</pageLayout>
...