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
| Breakpoint | ≥1800px | - |
| Width | 1920 | 120 |
| Height | - | - |
| Content Area | ||
|---|---|---|
| Column Width | 78 | 4.875 |
| Gutter | 26 | 1.625 |
| Content-Area Margin | 24 | 1,5 |
| Header Area | ||
| Header-Area | 24 | 1,5 |
| Icon max | 24 | 1,5 |
| Icon min | 18 | 1,125 |
| Scrollable | yes | |
| Navi and Toolbar | ||
| Height | - | - |
Web_max Dashboard Spacing
Web_Max Dont's
Place the boardlets freely on the grid
The boardlets must never be placed outside of the column-grid
Boardlets must never cross the column grid left and right
Web_Max EdgeOne-Dashboard
Web_Max/Dashboard_EdgeOne_Astronaut
Web_Max/Dashboard_EdgeOne_Tokyo-at-Night
Web_Max X-Series-Dashboard
Web_Max/Dashboard_X-Series_Astronaut
here you will find the handover and the Styleguide of this componente: |
Web_Max/Dashboard_X-Series_Tokyo-at-Night