Page History
The boardlet is the heart of the interface. on On the boardlet all the different information is aggregated and displayed. Currently the boardlet is available in 4 2 states:
1. default boardlet
2. default boardlet with tabs
3. graphic boardlet
4. graphic boardlet with tabs
| Info | ||||
|---|---|---|---|---|
| ||||
here you will find the handover of this componente: |
The Basics.
A boardlet always consists of a title, the toolbar and a content area. In mobile breakpoints the boardlets transform into multilevel cards. These cards serve as a summary or status of the data in the boardlet. The cards can be opened and thus all data from the boardlet can be made visible in compressed form.
safe space between Title and Toolbar
Will still be filled in after the tab decision
The Title.
The title always consists of the name of the boardlet and the time setting.
The time setting is placed within the breakpoints Kiosk to Web min as a dropdown below the title. Within the mobile display, the dropdown becomes an icon with the same functions. This is necessary because the mobile display has a different input behaviour. If we leave it at a dropdown the header would need too much space.
The Tabs.
The Toolbar.
Inside the toolbar the user finds all the icons needed to operate the content. If there is not enough space for all icons, related functions have to be grouped. (Group icon with dropdown)
Boardlet with insufficient space in the title
Boardlet with grouped icon and dropdown
The Content Area.
The content area always has a 12 column grid. Graphics, charts, special graphics, tables and lists are placed in this area. The content area is divided into Graphic and Default Area
Boardlet with 12Columns Default Grid
Boardlet with 12Columns Default Grid and Table Layout
Boardlet with Table Layout (NOT FINAL!!!)
Boardlet with 12Columns Graphic GridÂ
Boardlet with 12Columns Graphic Grid and Line Chart Layout
1920 Default Boardlet Definition
1920 Default Boardlet with Tabs
The Sizes.
All boardlets are based on the column grid of the dashboard. The minimum size of a boardlet within the Web Max Breakpoint is 4 columns. A boardlet must never be smaller than 4 columns. Each boardlet is variable in width, and the maximum is 24 columns. The boardlets must never overlap the column grid.
1920 Default min BoardletÂ
1920 Default max BoardletÂ
Boardlet with Line Chart Layout (NOT FINAL!!!)