Using the Document Element and MetaContainer Named Child

To use the metaContainer named child of a document element:

In the Design Structure Window of the desired file, expand the document node to uncover the metaContainer named child node.
Right-click the metaContainer node and choose Insert inside metaContainer | head.
The head node is inserted and highlighted under the expanded metaContainer node.
In the Property Inspector, set the following attributes for the head component:
- title - Enter the title for the document.
- inlineStyle - Enter the inline CSS style for this component. In the right column, click the icon to open a dialog, then click New to enter the CSS property values. The property element defines a single name/value pair. The name is defined by the Name attribute, and the Value by the plain-text contents of the element. For example, you can enter 'color' for Name, and 'red' for Value. In the Advanced tab, you can enter an EL syntax data binding expression or use the Bind to Data dialog to select a data source for this complex attribute.

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

To insert preferred components for a document element:

In the Design Structure Window, right-click the document node and choose Insert inside document to insert the preferred components: body or pageLayout

Example (UIX XML)


...
<page xmlns="http://xmlns.oracle.com/uix/controller"
      xmlns:ui="http://xmlns.oracle.com/uix/ui"
      xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
      xmlns:html="http://www.w3.org/TR/REC-html40"
      expressionLanguage="el">
  <content>
    <dataScope xmlns="http://xmlns.oracle.com/uix/ui">
      <provider>
        <!-- Add DataProviders (<data> elements) here -->
      </provider>
      <contents>
        <document>
          <metaContainer>
            <!-- Set the page title -->
            <head title="Document title"/>
          </metaContainer>
          <contents> 
            <body>
              <contents>
                <pageLayout/> 
              </contents>
            </body>
          </contents>
        </document>
      </contents>
   </dataScope>
  </content>
</page>