Updated: December 19, 2016

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 smartphone
Shell bar on tablet and desktop
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.

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).
  • About: Provides details about the launchpad and app.
  • Contact Support: Opens a contact support dialog (if implemented in this system).
  • User Preferences: Provides details about the user who’s currently logged in and offers theme selection.
  • Tile Catalog: Opens the tile catalog.
  • Log Out: Opens logout confirmation dialog.
  • Give Feedback: Opens a feedback dialog (if implemented in the system).
  • 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.
  • Cancel: Closes the menu (on smartphones only).
Settings/account button with action sheet open
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.

Shell bar on mobile devices: Pull down to make it reappear
Shell bar on mobile devices: Pull down to make it reappear
Shell bar on mobile devices: Visible after pulling
Shell bar on mobile devices: Visible after pulling