<contentContainer

    [ background="ui:backgroundType" ]

    [ icon="anyURI" ]

    [ text="string" ]

    [ width="string" ]

>

   <contents> <!-- indexed children --> </contents>

</contentContainer>

This element can also have all the attributes and child elements of the element from which it is derived.

The ContentContainer is used to place ancillary information on a page, offset by a certain color.

There are four possible attributes to set for the content container. The width of the container can be set to either an exact pixel size or a percentage of the element the content container is within.

Content containers can have headers and icons. Set the text and icon attributes to gain these items. If neither is set, the content container will only display its children. If there is a header but no icon, the header will show and the content will be offset to line up with the start of the header. If an icon is set, the icon will appear to the left of the header, but the content will still be offset to the left of the header. If an icon is set but no header, the icon will still be displayed on the left but no header text will be visible.

Content containers can have light, medium, or dark appearances. Set the background attribute to "light", "medium", or "dark" to specify which appearance the container should have. The default is "light" if no background is set. Note that the appearance affects the color of the background, border, header, and header line.

Content containers will generally have only one child with the actual contents as its children. This child will describe how the content should be displayed. However, the content container can have multiple children, in which case the children are displayed in a stack fashion, lined up vertically.

  <contentContainer text="Header"
                    background="medium"
                    icon="images/info.gif"
                    width="25%" >
    <contents>
      <bulletedList>
        <contents>
          <link text="point 1" destination="http://www.oracle.com"/>
          <link text="point 2" destination="http://www.oracle.com"/>
          <link text="point 3" destination="http://www.oracle.com"/>
          <link text="point 4" destination="http://www.oracle.com"/>
          <link text="point 5" destination="http://www.oracle.com"/>
        </contents>
      </bulletedList>
    </contents>
  </contentContainer>