diff --git a/source/_dashboards/sidebar.markdown b/source/_dashboards/sidebar.markdown index 2c6661e306f..6fdcf0dad6b 100644 --- a/source/_dashboards/sidebar.markdown +++ b/source/_dashboards/sidebar.markdown @@ -8,6 +8,10 @@ related: title: Masonry view - docs: /dashboards/panel/ title: Panel view + - docs: /dashboards/sections/ + title: Sections view (experimental) + - docs: /dashboards/views/ + title: About views --- The sidebar view has 2 columns, a wide one and a smaller one on the right. @@ -17,16 +21,24 @@ The sidebar view has 2 columns, a wide one and a smaller one on the right. Screenshot of the sidebar view used for the energy dashboard.

-You can set if a card should be placed in the main (left) column of the sidebar column (right), by selecting the arrow right or left arrow in the bar underneath the card. +To move the card from the main column into the sidebar (right) (and vice versa), select the arrow {% icon "mdi:arrow-left-bold" %} {% icon "mdi:arrow-right-bold" %} button on the card.

-Screenshot showing how to move a card between sidebar and main view -Screenshot showing how to move a card between sidebar and main view. +Screenshot showing how to move a card +Screenshot showing the arrow buttons to move a card.

-On mobile, all cards are rendered in 1 column and kept in the order of the cards in the config. +On mobile, all cards are rendered in 1 column and kept in the order indicated in the YAML configuration. -## View config: +1. To view the YAML configuration, on the view tab, select the {% icon "mdi:pencil" %} icon to open the edit view. +2. In the configuration dialog, select the three dots {% icon "mdi:dots-vertical" %} menu, and **Edit in YAML**. + +

+Screenshot showing where to edit the view configuration +Screenshot showing where to edit the view configuration. +

+ +## View configuration {% configuration %} type: @@ -35,7 +47,7 @@ type: type: string {% endconfiguration %} -## Cards config: +## Cards configuration {% configuration %} view_layout.position: diff --git a/source/images/dashboards/sidebar_view_move_card.png b/source/images/dashboards/sidebar_view_move_card.png index 1905c727c26..7cc83c631ab 100644 Binary files a/source/images/dashboards/sidebar_view_move_card.png and b/source/images/dashboards/sidebar_view_move_card.png differ diff --git a/source/images/dashboards/view_edit_config.png b/source/images/dashboards/view_edit_config.png new file mode 100644 index 00000000000..6109d7016d9 Binary files /dev/null and b/source/images/dashboards/view_edit_config.png differ