Show TOC

Object Page HeaderLocate this document in the navigation structure

The object page header display is determined by the following vocabularies:

  • com.sap.vocabularies.UI.v1.HeaderInfo/Title/Value determines the object title.

  • com.sap.vocabularies.UI.v1.HeaderInfo/Description/Value determines the subtitle.

  • com.sap.vocabularies.UI.v1.HeaderInfo/ImageUrl determines the image; the image shape is fixed as a circle.

  • com.sap.vocabularies.UI.v1.HeaderInfo/TypeName is taken as the text for the link that navigates back to the list report.

Main Elements
The figure below shows how to set up the following basic elements for your object page header in your annotations:

Label in Figure

Element
1

Title (Object Type)

2

Image of the object instance
3

Language-dependent product text in SAP back-end system
4

Product title in SAP back-end system
Figure 1: Object Page Header
Sample Code

The following sample code is a selectable version of the code above for setting up the main elements in the object page header.

<Annotation Term="UI.HeaderInfo">
	<Record>
		<PropertyValue Property="TypeName" String="Product"/>
		<PropertyValue Property="TypeNamePlural" String="Products"/>
		<PropertyValue Property="ImageUrl" Path="ProductPictureURL"/>
		<PropertyValue Property="Title"
			<Record Type="UI.DataField">
				<PropertyValue Property="Value" Path="to_ProductTextInCurrentLang/Name"/>
			</Record>
		</PropertyValue>
		PropertyValue Property="Description">
			<Record Type="UI.DataField">
				<PropertyValue Property="Value" Path="Product"/>
			</Record>
		</PropertyValue>
	</Record>
</Annotation>