Object Page – Overview

Discover / Frameworks / SAP Fiori Elements / Object Page / Object Page – Overview

Intro

The SAP Fiori elements object page template supports the features and settings for the overall object page behavior detailed below.

For design information, see the Object Page Floorplan guidelines and the links below.

warning

Always build the object page using the dynamic page header.

Set the shellbar page title to the name of the business object shown in the object page to indicate the user’s position in the system.

Do not use the current implementation of the “page view management” feature in SAP Fiori elements. This feature is technically available for object pages, but we are still working on the final design.

Feature Availability

<div> <div> <h4 id="features">Features</h4> </div> <div> <h4 id="availability">Availability</h4> </div> </div> <div> <div>Illustrated Message for Unfound Page</div> <div> <p>Default</p> <p>See <a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fui-elements%2Fillustrated-message%2F">Illustrated Message</a>.</p> </div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fv1-124%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Fobject-page%2Fobject-page-overview-sap-fiori-elements%23unsaved-changes-warning">Unsaved Changes Warning</a></div> <div> <p>Default for the main object page in draft-enabled applications when the user navigates to:</p> <ul> <li>Another application without saving changes. You can turn it off.</li> <li>The previous page without saving changes.</li> </ul> </div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fv1-139%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Fobject-page%2Fobject-page-overview-sap-fiori-elements%23message-toast-on-discard">Message Toast on Discard</a></div> <div>Default for drafts where the user has made changes before discarding them</div> </div>

Feature Details

Unsaved Changes Warning

By default, in draft-enabled applications, on the main object page, a message warns users of unsaved changes when the users navigate:

Forward to another application without saving changes in edit mode or without entering data for a new object in create mode.

You can ask the application developers to turn the message off for forward navigation. The draft is kept for the user to return to later.

Backward to the previous page without saving changes in edit mode or the data entered for a new object in create mode.

Warning for unsaved changes in edit mode

Warning for unsaved changes in create mode

Depending on whether the object page is in edit or create mode, the message lets the users opt to:

Save changes in edit mode
Create the object in create mode
Keep the draft
Discard the draft
Cancel the navigation

information

The Warning message is not displayed when the user navigates backward without entering data for a new object in create mode. The object is discarded.

Message Toast on Discard

When the user makes changes in a draft, then discards it, a message toast is displayed to confirm the successful discard. The message text depends on the action that resulted in the draft, as follows:

<div> <div> <h4 id="action">Action</h4> </div> <div> <h4 id="message-text">Message text</h4> </div> </div> <div> <div>Create</div> <div>“Draft discarded”</div> </div> <div> <div>Edit</div> <div> <p>“Changes discarded” with SAP Fiori Elements for OData V2</p> <p>“Draft discarded” with SAP Fiori Elements for OData V4</p> </div> </div>

When the user discards a draft without making changes in it, no message toast is displayed.