Skip to content

Latest commit

 

History

History
103 lines (49 loc) · 3.42 KB

File metadata and controls

103 lines (49 loc) · 3.42 KB

Object Page

Get to know the UI of the object page in SAP Fiori elements for OData V4.

The object page allows users to create, edit, and display objects, as well as save drafts. It is suitable for both simple objects and more complex, multi-faceted objects. The object page view gives you optimal support for multiple devices.

The object page is made up of the following elements:

  • Application title is set based on the object type, for example Sales Order or Product.

  • Object page header comprising of the following elements:

    • Title and description

    • Editing status icon, if applicable

    • Action buttons in the header toolbar, containing generic actions (in Display mode)

    • Optional elements, such as the following:

      • Description

      • Image of the object instance

        Note:

        If the instance does not provide an image, then the default image of the object type is used.

    • The header toolbar includes:

      • Buttons for use case-specific actions, for example, Edit, Delete

      • Related Apps

      • A generic Share menu that includes the following actions:

        • Send Email

        • Share in SAP Jam

        • Save as Tile

        • Share: Microsoft Teams

        • Share: Collaboration Manager

    • Header facets highlighting key information related to the object such as:

      • Label-field pairs to display details such as price or availability. We recommend using no more than five label-field pairs.

      • Graphical elements such as a chart for credit limits or a rating indicator.

    • Anchor navigation area that allows users navigate to the individual content area sections.

    • Content area where data is organized into sections containing field groups or a table.

    • Paginator buttons in the layout action area enable users to navigate between subitems without returning to the original list.

      Note:

      The paginator buttons are visible if the following conditions are fulfilled:

      • The user is on a subobject page.

      • The user navigates from a list to the current page.

      • This list contains at least two entries.

  • Footer bar in which actions and the Show Messages button are available, if applicable.

    In draft applications, the footer bar of subitem object pages can also include the Apply button in create and edit mode. This action concludes the current create or edit action, saves the draft, and navigates one step up in the object hierarchy. A message toast is displayed when an action is successful. For more information, see Draft Handling.

    In a draft application with flexible column layout, the subobject closes and returns to the main object if a user clicks the Apply button.

For information about controls related to object pages, see sap.uxap.

Note:

For information about SAP Fiori elements for OData V2, see Elements of the Object Page.