Global Status Bar

The Global Status Bar is a full width view across the top of an application — an area commonly reserved for global status, global command and top-level navigation. The Global Status Bar often includes: Application Name, Monitoring Icons, Top Level Navigation and an Emergency Button.

A working example of the Global Status Bar can be seen in the Astro Sample Application or the Astro Component Demo

Rules of Thumb

  • Make Monitoring Icons interactive to reveal in-depth information.
  • Make sure that Monitoring Icons use color coding, iconography and labels consistent with the standard design.
  • Include the name of the application.

Appearance and Behavior 

global status simple

global status simple

Simplest Global Status Bar - Only include the App Name
 

global status more

global status more

Simple Global Status Bar - App Name and Emergency Off
 

global status very

global status very

More Complex Global Status Bar - App Name, Status Icons and Emergency Off
 

global status complex

global status complex

Most Complex Global Status Bar - App Name, Navigation, Monitoring Icons and Emergency Off
 

Examples

global status do 2

global status do 2

Do: Left justify the application name and Top Level Nav (when utilized). Right justify Icons and Emergency Off (when utilized).

global status dont 2

global status dont 2

Don’t: Use the Global Status Bar for controls or indications that come and go with different app modes. Reserve it for truly global elements.

global status do 1

global status do 1

Do: Correctly and consistently utilize the standard elements that comprise the Global Status Bar.

global status dont 1

global status dont 1

Don’t: Use icons, labels and colors incorrectly.

×