Launchpad Shell Bar

Intro

The launchpad shell bar is part of the SAP Fiori launchpad. It contains the Home icon, the enterprise Search icon, and the Account / Settings button, as well as an area for branding purposes. The launchpad shell bar is always available above SAP Fiori apps.

The shell bar is provided by the SAP Fiori launchpad. It is automatically shown above the apps when the SAP Fiori launchpad is used.

Responsiveness

The launchpad shell bar is fully responsive. Only the account settings button is reduced to an icon-only button on smaller screens. On these screen sizes, the launchpad shell bar is only visible after a pull down (see visibility below). The shell bar is always visible on sizes M and L.

Shell bar on smartphone

Shell bar on tablet and desktop

Components

The main parts of the shell bar are the Home and Menu buttons, the enterprise search and the Account/Settings menu.

Shell Bar with Menu Icon

Above the launchpad home page, the Home icon is replaced by the Menu icon, which expands and collapses the group panel.

Shell bar with Menu icon

Enterprise Search Icon

The enterprise Search icon is on the top right side, to the left of the Account/Settings button. The search function can be called up from anywhere and from any screen within the SAP Fiori launchpad.

Account/Settings Button

The Account/Settings button is located on the top right of the screen. Clicking it opens an action sheet with several options:

Settings: These are app-specific settings (shown only if called up from an app and if provided by the app).
Contact Support: Opens a contact support dialog (if implemented in this system).
Give Feedback: Opens a feedback dialog (if implemented in the system).
About dialog: Provides details about the launchpad and app.
User Preferences: Provides details about the user who’s currently logged in and offers theme selection.
Hide Groups: Opens a dialog to hide groups on the launchpad home page (only shown if called up from the launchpad home page); see home page.
Log Out: Opens logout confirmation dialog.
Cancel: Closes the menu (on smartphones only).

Settings/account button with action sheet open

Visibility

All apps that run under the unified shell have the shell bar on top of every screen. Due to the bigger screen size of desktops, the shell bar always remains visible and is shown together with the app’s header bar. On mobile devices, the shell bar hides after a few seconds to create more space on the screen. Pulling or swiping down will make the bar reappear.

The shell bar always remains visible on the launchpad home page and the tile catalog.