Views: update screenshots to reflect current SW with sections as default (#35584)

* Views: update screenshots to reflect current SW with sections as default

* Remove comment that masonry is default view

* remove gemfile.lock changes

* remove note that masonry is the default view
This commit is contained in:
c0ffeeca7 2024-11-05 16:59:46 +01:00 committed by Franck Nijhof
parent b5f98c70a8
commit 0660692e38
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
4 changed files with 6 additions and 5 deletions

View File

@ -10,14 +10,14 @@ related:
title: Sidebar view
---
The masonry view is the default view type.
The masonry view sorts cards in columns based on their card size.
<p class='img'>
<img src='/images/getting-started/lovelace.png' alt='Screenshot of the masonry view'>
Screenshot of the masonry view.
</p>
Masonry sorts cards in columns based on their card size. The next card is placed below the smallest card on the dashboard.
Masonry sorts cards in columns based on size and places the next card 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.'>

View File

@ -55,8 +55,9 @@ There are four different view types:
- If you want to use a previously defined theme, select the [theme](/integrations/frontend/#themes).
- Select the [view type](#view-type).
- If this view is meant to be used as a [subview](#subview) only, enable the **Subview** toggle.
- If you are using **Sections view**, choose the number of columns you want to use, and, if you want to let the system fill gaps between cards, enable **Dense section placement.**.
![The create new view configuration dialog](/images/dashboards/dashboard_view_configuration_01.png)
![The create new view configuration dialog](/images/dashboards/dashboard_view_configuration_03.png)
4. To use a background image, on the **Background** tab, select an image.
- **Upload picture** lets you pick an image from the system used to show your Home Assistant UI.
@ -159,9 +160,9 @@ user:
type: string
{% endconfiguration %}
## View type
## Changing the view type in YAML
You can change the layout of a view by using a different view type. The default is [`masonry`](/dashboards/masonry).
You can change the layout of a view in YAML by using a different view type. The default is [`section`](/dashboards/section).
### Example

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB