Describes the various ways cards may be displayed on a dashboard
Dashboards can display cards in a few different ways. Depending on the information that is being presented, a specific format may be desired. For example, an auto layout will arrange the cards to fit the size of the page. The advantage is that the size of the page does not matter and does not need to be considered. The disadvantage is that cards may not be in the same location on each page size. For a dedicated display like a tablet where the screen size never changes, a fixed layout may be better as cards can be arranged in a specific format and will not be moved.
The following table lists the available formats and how they arrange the cards.
|
Layout |
Available in V1 |
Packing |
Resizable Cards |
Fixed Positioning |
|---|---|---|---|---|
|
Masonry |
Yes |
Yes |
No |
No |
|
Row-Col |
Yes |
No |
No |
No |
|
Masonry Resizable |
No |
Yes |
Yes |
No |
|
Fixed Resizable |
No |
No |
Yes |
Yes |
If the layout supports resizable cards, the cards will include drag handle on the right side and the bottom of the card. These handles may be used to resize the card. Resizing is done on a grid to make it easier to line up cards. Hovering the mouse over a card will highlight the card and the user may click to drag the card. Note that the card may move as the view attempts to keep the cards packed together. This may cause cards to not stay where you want them. This can be avoided by making your cards the same size or close to the same size. Positioning will then be easier.
If the layout supports fixed positioning, cards may be dragged to any location on your screen and will stay at this location. Note that if the web page is resized, cards may disappear off the view. This is because there is no moving of cards as the screen size is changed. This view is designed to be used on fixed sized screens such as a tablet.