Control bar is a toolbar that provides identification and lets the user navigate and perform actions.
Header is always fixed to the top of the window.
The Header is used on almost every page in the system. The most common configuration is shown below:
The Header can have different configurations, as you can see in the examples below.
The application title always appears in the header (Web Content in this example). The title remains in the header until the user navigates to a detail page or the user has finished configuring the asset. Related actions for the application may appear on the right side. At the end of the right side, it appears the user sticker.
The asset or element title appears in the header. A back button is provided to navigate to the asset/element location in the application. Related actions for the asset/element may appear on the right side. At the end of the right side, it appears the user sticker.
The page name is identified in the header. The related actions are listed with three icons on the right side: configuration, add menu, and simulation.