jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-24 01:37:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
source/_dashboards/masonry.markdown
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:

BIN
source/images/dashboards/masonry.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB