Masonry: Add image illustrating the arrangement system (#31693)

* Masonry: Add image illustrating the arrangement system

* Rephrase
This commit is contained in:
c0ffeeca7 2024-03-01 13:35:06 +01:00 committed by GitHub
parent 82f94de32c
commit ba0dc26081
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 2 deletions

View File

@ -2,7 +2,7 @@
type: view
title: Masonry view
sidebar_label: Masonry (default)
description: "The default panel layout uses a masonry algorithme."
description: "The default panel layout uses a masonry algorithm."
---
The masonry view is the default view type.
@ -12,7 +12,14 @@ The masonry view is the default view type.
Screenshot of the masonry view.
</p>
It sorts cards in columns based on their `card size`. If you want to group some cards you have to use [horizontal stack](/dashboards/horizontal-stack/), [vertical stack](/dashboards/vertical-stack/), or [grid](/dashboards/grid/) cards.
Masonry sorts cards in columns based on their card size. The next card is placed below the smallest card on the dashboard.
<p class='img'>
<img src='/images/dashboards/masonry.png' alt='Image showing how masonry arranges cards based on size.'>
Masonry arranges cards based on size.
</p>
To group cards, you have to use [horizontal stack](/dashboards/horizontal-stack/), [vertical stack](/dashboards/vertical-stack/), or [grid](/dashboards/grid/) cards.
{% configuration %}
type:

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB