Updated: January 19, 2017

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 buttons, the enterprise search and the Account/Settings menu.

Shell Bar with Home Icon

The first icon shown above the apps is the Home icon, which triggers navigation to the launchpad home page.

Shell bar with Home icon
Shell bar with Home 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).
  • 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.
  • Open App Finder: Opens the app finder.
  • Log Out: Opens logout confirmation dialog.
  • Give Feedback: Opens a feedback dialog (if implemented in the system).
  • Cancel: Closes the menu (on smartphones only).

For more details about the options listed above, read about the launchpad services.

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: Visible after pulling
Shell bar on mobile devices: Visible after pulling
Shell bar on mobile devices: Pull down to make it reappear
Shell bar on mobile devices: Pull down to make it reappear