The overlay serves as a focus aid for all components that are to be lifted from the dashboard. The overlay also has a column grid, this grid is similar to the Dashbord Column Grid.

Currently the overlay can be used for these applications:


here you will find the handover and the Styleguide of this componente:

https://zpl.io/b6d0Y8R


Basic Overlay



1920 Basic Overlay definition



1920 Basic Astronaut Overlay


1920 Basic Tokyo Overlay

Dialog Overlay

Der Dialog passt sich an den Column-Grid des Overlays an. Welche Dimensionen der Dialog besitzt ist vom unterschiedlichen  Inhalt abhängig. Mehr darüber erfahren Sie im Thema Dialog.


here you will find the handover and the Styleguide of this componente:

https://zpl.io/VQX5AvP



1920 Dialog Overlay definition


1920 Dialog Overlay

Popup Overlay

Als Popup eignen sich alle möglichen Informations-Module oder Eingabe-Module. Das Modul passt sich an den Column-Grid des Overlays an. Welche Dimensionen das Modul besitzt ist vom unterschiedlichen Inhalt abhängig. Mehr darüber erfahren Sie im Thema Modul.



here you will find the handover and the Styleguide of this componente:

https://zpl.io/2pGJrvN



1920 Popup Overlay definition


1920 Popup Overlay