When the object page header contains at least one facet:

• On the initial load of the object page, the header is expanded.
• When the user scrolls down the page, the header collapses.
• The Expand/Collapse    button and the Pin/Unpin  button are displayed.

When the object page header contains only a title and a subtitle, the Expand/Collapse    button and the Pin/Unpin  button are not displayed.

With SAP Fiori elements for OData V2, when users scroll on a mobile phone screen, the object page optimizes the screen space by displaying a summary line instead of the collapsed header.

Next to the title, an arrow   button lets the users expand the header.

For more information, see:

• Dynamic Page Header (Mandatory)
• Header Toolbar
• Header Features

Display of Header Content

In display mode, the header content area displays all the header content.

In edit and create modes, the header content is displayed in two places:

• The header content area, at the top of the page, displays uneditable header content. By default, all header content is uneditable. You can make specific fields editable. See Making Header Fields Editable below.
• The Header section, the first dynamic section in the content area, displays editable header content. It’s only present in the edit and create modes.

For more information, see Dynamic Page Header (Mandatory).

Header Content Visibility

By default, header content is visible.

You can set the following header components or selected content, fields, or actions in them to be displayed or hidden, according to the object’s state:

• Entire header facets
• Content, such as fields, in a header facet
• Content in quick views

With Fiori elements for OData V2, you can set:

• The header to be displayed in edit mode.
• Header facets to be visible in edit mode.

By default, with:

•  SAP Fiori elements for OData V2, the title area is empty.
•  SAP Fiori elements for OData V4, the title area displays the text: (Unnamed Object).

Menu for Saved Version / Draft

With this menu next to the object page title, users can navigate between the saved version of an object and the draft version that they’ve created. This is a default feature in applications with draft-handling,

Breadcrumbs are displayed above the object title.

The object marker indicates the object is locked by another user in draft-enabled applications.

Image

The image is an avatar control. By default, it has a square shape.

You can set:

• An image to display instead of the avatar.
• The avatar to a have a circular shape.

When no image is set or found for the avatar, the avatar initials are displayed.

If those are not set or found either, an icon for the avatar is displayed:

• A square avatar for a product
• A circular avatar for a person.

For more information on the logic used for displaying an object, consult the development team and see Using Images, Initials, and Icons.

Paging Buttons

By default, with both SAP Fiori elements for OData V2 and V4, the paging buttons appear in the subobject page of applications that use the dynamic page layout in the following conditions:

• The user has navigated from a table in the object page to the subobject.
• The table in the object page contains at least two items.

With SAP Fiori elements for OData V2, you can:

• Enable the paging buttons to show on the first object page opened from a list report.
• Disable the default display of the paging buttons on the subobject page.

Toolbar Actions

Edit and Delete

Copy

You can place a copy action button in the header to let the user to create a new object with the same data as the current object with SAP Fiori elements for OData V2.

You set the label for the button according to your use case. Otherwise, the default label is Copy.

In the object page, the Copy button is displayed after the Delete button.

You can enable the Related Apps menu button. It displays the actions available on the same object in different applications. Users select the action to open the same object in another application.

You can also:

• Hide specific actions in the menu.
• Change the button name to Open In…  with SAP Fiori elements for OData V4.

By default, the Share button is displayed for saved objects and hidden for drafts.

For more information, see Share (Generic).

You can include the actions required for your use case.

The header toolbar displays application-specific actions to the left of the generic actions.

You can also define custom shortcuts for application-defined action buttons and navigation buttons.

Conditional Enablement of Navigation Buttons

With SAP Fiori elements for OData V4, you can enable buttons that navigate the user to another page or application based on the value of a specific field.

With SAP Fiori elements for OData V2, this feature requires extensions.

For example, you can enable the Generate Purchase Order button only for sales orders with the completed status.

The default order — left to right — for actions in the object page toolbar is below:

• Edit
• Delete
• Copy with SAP Fiori elements for OData V2
• Application-specific action buttons
• Related Apps menu button
• Share

You can rearrange the order, for example, by setting an application-specific action that’s the primary action to the leftmost position on the toolbar.

For more information, see:

• Action Placement
• Header Toolbar

Additional Content

With SAP Fiori elements for OData V2 only, you can use a simple header facet to show simple data points that align horizontally across the header.

You can use the plain text facet to display a continuous text in the header.

You can enable a quick view for a contact.

With SAP Fiori elements for OData V4, to help users identify empty content in the quick view, when a detail contains no value, the empty  state indicator (–) is displayed.

You can display the following microcharts in the header:

• Area micro chart
• Bullet chart
• Radial chart
• Column chart
• Line micro chart
• Harvey ball chart
• Stacked bar chart

You can add a quick view to the form facet.

For more information, see Form Facet (Dataset).

You can display an address such as a shipping address.

You can define fields to display together in a facet. For example, for the product object, in the General Information section, you can include the fields quantity, weight, and supplier.

You can add a rating indicator to the header. It is read-only in both display and edit modes.

By default, the maximum rating is five stars.

You can:

• Change the maximum rating.
• Specify more descriptive text for the subtitle.

With extensions, you can make the rating editable.

Display Mode

The rating indicator shows with the:

• Title
• Subtitle with the total number of ratings
• Rating shown with stars: Both the aggregated and non-aggregated single rating types are supported.

Edit Mode

The rating indicator moves into the header facet and appears with only the title in edit mode.

For an aggregated rating, the number of ratings is shown in parentheses after the stars.

For more information, see:

• Rating Indicator Facet
• Rating Indicator

You can add a progress indicator facet to the object header.

For more information, see:

• Progress Indicator Facet
• Progress Indicator

You can add a key value facet to highlight important data or KPIs.

For more information, see Key Value Facet.