Header
The header is a sticky component (not affected by page scrolling) that works as highest level overview to the whole details page. Its state is not affected by navigation and it allows the user to always know in what context all the information below are presented.
The header contains:
• Entity summary bar – presenting a name and type of selected entity, some key performance indicators or key operational/configurational parameters, and available actions to perform.
• Breadcrumbs – allowing the user to always understand the structure and source of information presented below in the Body.
• Top bar – with single button allowing the user to close the window
The structure of the entity summary bar is common for all entities however presented KPIs and parameters can differ.
The breadcrumbs, beside presenting what part of the details the user is seeing, also allows to navigate. Breadcrumbs are interdependent of the navigation panel