diff --git a/source/_dashboards/masonry.markdown b/source/_dashboards/masonry.markdown index 10145f5c4ff..efd7a12bea5 100644 --- a/source/_dashboards/masonry.markdown +++ b/source/_dashboards/masonry.markdown @@ -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.

Screenshot of the masonry view Screenshot of the masonry view.

-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.

Image showing how masonry arranges cards based on size. diff --git a/source/dashboards/views.markdown b/source/dashboards/views.markdown index d7aa94c6521..fe1d9b4867d 100644 --- a/source/dashboards/views.markdown +++ b/source/dashboards/views.markdown @@ -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 diff --git a/source/images/dashboards/dashboard_view_configuration_01.png b/source/images/dashboards/dashboard_view_configuration_01.png deleted file mode 100644 index 0a23ff9a542..00000000000 Binary files a/source/images/dashboards/dashboard_view_configuration_01.png and /dev/null differ diff --git a/source/images/dashboards/dashboard_view_configuration_03.png b/source/images/dashboards/dashboard_view_configuration_03.png new file mode 100644 index 00000000000..eda874e19b2 Binary files /dev/null and b/source/images/dashboards/dashboard_view_configuration_03.png differ