Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Web_Max Basics

The Dashboard always consists of a header and the content area. The content area can be freely designed, all content must adhere to the 24 column-grid. The content may not be freely positioned within the column-grid. Overlay must be used for this. All contents, in the best case boardlets start at the top left. They must be placed next to each other and below each other within the column-grid. In the header, burgers, datepicker, logo and setting are obligatory. More information about the header can be found here: ID2 - Header


Table of Contents
maxLevel5
minLevel3




Breakpoint≥1800px-
Width1920120
Height--
Content Area

Column Width784.875
Gutter261.625
Content-Area Margin241,5
Header Area

Header-Area241,5
Icon max241,5
Icon min181,125
Scrollableyes
Navi and Toolbar

Height--








Web_max Dashboard Spacing


Info
iconfalse
titleZeplin Documentation

here you will find the handover and the Styleguide of this componente:
https://zpl.io/2ZNyJZE

Web_Max Dont's






Image Removed
Place the boardlets freely on the grid

Image Removed
The boardlets must never be placed outside of the column-grid

Image Removed
Boardlets must never cross the column grid left and right

Web_Max EdgeOne-Dashboard


Web_Max/Dashboard_EdgeOne_Astronaut


Info
iconfalse
titleZeplin Documentation

here you will find the handover and the Styleguide of this componente:
zpl.io/bzZlmM7




Image AddedImage Removed
Web_Max/Dashboard_EdgeOne_Tokyo-at-Night

Web_Max X-Series-Dashboard

Image Removed
Web_Max/Dashboard_X-Series_Astronaut


Info
iconfalse
titleZeplin Documentation

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

Image Removed
Web_Max/Dashboard_X-Series_Tokyo-at-Night