Responsiveness

The launchpad shell bar is fully responsive.

On size S, the branding area becomes part of the Me Area, and search and CoPilot are displayed behind the overflow menu icon.

If an application is launched, the launchpad shell bar changes its appearance. The app title merges into the shell bar, and a navigation menu dropdown is displayed. In addition, a Home button and a Back button are visible next to the profile image.

If a deep link to an application is called and there are no SAP Fiori entries in the browser history, no Back button should be displayed.

Clicking on the Me Area or Notifications toggle buttons opens the according areas with a smooth transition. It triggers the viewport to move to the right or left, and the main content area to zoom out. No page title is displayed.

Clicking the same toggle buttons again leads the user back to the SAP Fiori launchpad home page.

If no profile picture is set, a default icon is displayed.

When an app is launched, Back and Home are displayed next to the profile image.

Back navigates to the previously visited screens. Home directly leads the user to the home page.

If the user is editing an object in a non-draft application and tries to navigate away via Back or Home, a data loss message should be shown.

Note:

• On size S and size M, the Home button is not displayed.
• If a deep link to an application is called and there are no SAP Fiori entries in the browser history, no Back button should be displayed.

The branding area usually shows the company logo as defined by the administrator. The branding area cannot be skipped over.

The second title is an optional part of the launchpad shell bar. It should be used to declare specific system specifications, such as SAP Fiori Demo Cloud Edition, for example.  It should not be used for welcome text or similar purposes.

Page Title

The title inside the shell always indicates the user’s position in the system. The navigation menu provides the user with a quick way to browse the hierarchical structure of applications.

For the home page, the title is Home, while the app finder contains the title App Finder.

The initial screen of an application usually displays the application name, such as Manage Products, for example. The title changes when the user navigates to a different page.

Exceptions: Flexible Column Layout

In the flexible column layout, the shell bar displays the application name. The title only changes when the user switches to full-screen mode or navigates. On size S, the respective title changes when the user navigates between the different panels.

Exceptions: Split-Screen Layout

In a split-screen layout (size L and size M), the application name is set as the title. On size S, the respective title of the master or detail area is shown.

Navigation Menu

Clicking/tapping the page title in the shell bar opens the navigation menu as a dropdown.

Clicking/tapping the page title again, or clicking/tapping outside of the navigation menu, closes it. A dropdown arrow also indicates the open/close possibility.

The height of the container depends on its content.

This interaction applies for all device types, such as desktop, tablet, and mobile.

Clicking/tapping All My Apps provides access to the main assigned applications for a user’s role. For example, apps from the home page group and the app finder (catalog) only.

After clicking the button in the shell bar, SAP CoPilot opens in a pop-up window. Users can drag it to their desired position. The system memorizes this position and will open it at the same spot next time.

To close SAP CoPilot, users need to simply click the Decline icon ( ) on the top right, or click the SAP CoPilot button in the shell bar once more.

The enterprise search icon is on the top right side, to the left of the SAP CoPilot button. It searches across all apps and business objects, such as materials, customers, and maintenance plans. The search function can be called up from anywhere and from any screen within the SAP Fiori launchpad.

When the Me Area or Notifications are being displayed, the page title is omitted.

In size S, the branding area is displayed in the Me Area, but not in Notifications.