Inserting a Header

Note: You can insert a header within a header component, that is, create a subheader.

To insert a section in a page using the header component:

In the Design Structure Window of the desired file, locate the pageLayout node.
If the pageLayout node is not visible, expand page | content | dataScope | document | body | form.
In the Component Palette, select Layout Components from the dropdown list, and then drag and drop the header component to the pageLayout node.
The header node is inserted and highlighted in the Design Structure Window. The Property Inspector displays the properties of the header component.
In the Property Inspector, set the following attributes for the header component:
- text - Enter the title to display at the top of the header section. If messageType is set, this text replaces the default message header title.
- icon - If used, enter the URI for the icon to display in front of the header title.
- shortText - Enter an abbreviated text version of the header title. This is used in the quick links text if quickLinksShown is set to true in pageLayout.
- messageType - Enter error, info, warning, or confirmation to insert a message header at the top of the application page. Use the text attribute to replace the automatically generated message header title. You cannot, however, replace the default icon used in a message header.
- size - Enter 0, 1 or 2 to specify a large, medium, or small header size.
- autoflip - Set to true to flip the icon image when LocaleContext().getReadingDirection() indicates a right to left reading direction. Only images under the current servlet context can be flipped.
Note: To use data binding, see Data Binding a Component Attribute.
To add contents into the header, drag and drop a component from the Component Palette to the header node. Repeat to add the desired number of components. Components are placed consecutively in the order in which they are added.

Example (UIX XML)


...
<pageLayout>
  
  <!-- Create Headers -->
  
  <contents>
    <header text="Developing ADF UIX Applications">
      <contents>
        <!-- Add content here -->
      </contents>
    </header> 
    <header text="Deploying ADF UIX Applications">
      <contents>
        <!-- Add content here -->
      </contents>
    </header>  
    <header text="This one has subheaders">
      <contents>
        <header text="Subheader">
          <contents>
            <header text="Subsubheader">
              <contents>
                <!-- Add content here -->
              </contents>
            </header>
          </contents> 
        </header> 
      </contents>
    </header>  
  </contents>
  
  <!-- REST OF PAGE LAYOUT -->
  
</pageLayout>
...