You are viewing an archived version of the MindSphere Design System website, version 1.15.1

MindSphere OS Bar

The MindSphere OS Bar provides a common UI component for all MindSphere apps.

The MindSphere OS Bar connects all MindSphere applications on a UI level. It shows MindSphere specific information nd content, as well as application specific details. It also provides centralized functionalities to navigate back to the Launchpad or logging out, making it mandatory for every application to integrate the MindSphere OS Bar.

Version update

Since version 4.25.1, the MindSphere OS Bar is written in ECMAScript 2015 and therefore not running in older browsers like Internet Explorer.

The following image shows an example integration of the MindSphere OS Bar:

MindSphere OS Bar

Test the look and feel on the exemplary demonstration of the OS Bar.

Getting the MindSphere OS Bar

The MindSphere OS Bar is not available as a library. Its source is available at:

  • Region Europe 1: https://static.eu1.mindsphere.io/osbar/v4/js/main.min.js
  • Region China 1: https://static.cn1.mindsphere-in.cn/osbar/v4/js/main.min.js

It must be loaded by every app when being started. For instructions refer to the Getting Started.

Features

Platform drop-down menu

A click on the MindSphere logo in the MindSphere OS Bar opens a drop-down menu, which displays information about the MindSphere platform. This includes the current MindSphere version, copyright information, and external links (e.g., for the MindSphere Store, MindSphere Status or MindSphere Academy).

MindSphere OS Bar Downtime Notification

Environment drop-down menu

A click on the environment name or the company logo in the MindSphere OS Bar opens a drop-down menu, which displays information about the environment, such as:

  • Environment-specific legal links
  • Environment name
  • Environment type
  • Environment location

The following image shows an example of this drop-down menu:

MindSphere OS Bar Downtime Notification

To individualize the company logo, company name and environment specific links for the MindSphere OS Bar, please refer to the chapter Customize the OS Bar with “Provider” in the Settings documentation.

App information

App developers can define additional information for their app. A click on the app name in the MindSphere OS Bar opens a drop-down menu, which displays the app information and app operator-specific links.

The following image shows an example of this drop-down menu:

MindSphere OS Bar App Level Drop-down

Notification Center

MindSphere Push Notifications will be shown for each user with the bell icon, which also shows the number of unread notifications. A click on it opens the list of unread notifications with detailed information, such as:

  • Expected maintenance and downtimes
  • Newly deployed applications in your environment

The following image shows an example of the notification center:

MindSphere OS Bar Notification

Logout functionality

The logout icon on the right of the MindSphere OS Bar provides the logout functionality for every app that integrates the MindSphere OS Bar. It logs the user off from the MindSphere context and deletes all valid sessions.

Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.
Back to top