diff --git a/source/_dashboards/masonry.markdown b/source/_dashboards/masonry.markdown index 6bbf31ccef2..10145f5c4ff 100644 --- a/source/_dashboards/masonry.markdown +++ b/source/_dashboards/masonry.markdown @@ -1,7 +1,7 @@ --- type: view title: Masonry view -sidebar_label: Masonry (default) +sidebar_label: Masonry description: "The default panel layout uses a masonry algorithm." related: - docs: /dashboards/panel/ diff --git a/source/_dashboards/sections.markdown b/source/_dashboards/sections.markdown index 0cd8f945d62..7ef99bfe1b6 100644 --- a/source/_dashboards/sections.markdown +++ b/source/_dashboards/sections.markdown @@ -1,7 +1,7 @@ --- type: view -title: Sections (experimental) -sidebar_label: Sections (experimental) +title: Sections +sidebar_label: Sections (default) description: "Lets you organize your cards in sections on a grid." description: "The panel view shows a single card in the full width of the screen." related: @@ -27,16 +27,11 @@ You can group cards without using horizontal or vertical stack cards. A fully populated dashboard in Sections view layout

-{% note %} -The sections view was released beginning of March 2024 and is experimental! Do not build your daily dashboard on top of it yet! We are still collecting feedback.
-It is not possible to migrate dashboards into sections view. -{% endnote %} - ## Creating a sections view 1. If you have multiple dashboards, in the left sidebar, select the dashboard to which you want to add the sections view. 2. Follow the steps on [adding a new view](/dashboards/views/#adding-a-view-to-a-dashboard). - - Under **View type**, select **Sections (experimental)**. + - Under **View type**, select **Sections**. 3. Under **Max number of sections wide**, select the maximum number of columns you want to see in the new sections view. 4. Under **Dense section placement**, select if you want to allow the cards to be arranged automatically in order to fill gaps between cards. - This will remove some gaps, but it also means you have less control over the order of the cards. @@ -77,17 +72,17 @@ In the sections view, you can rearrange sections and cards by dragging them to a 1. To edit your dashboard, in the top right corner, select the edit {% icon "mdi:edit" %} button. 2. To rearrange sections, hold the move {% icon "mdi:cursor-move" %} button and move the card. -

- Rearranging sections by dragging - Rearranging sections by dragging -

+

+ Rearranging sections by dragging + Rearranging sections by dragging +

3. To rearrange cards, tap and hold the card and move it to your desired location. -

- Rearranging cards by dragging - Rearranging cards by dragging -

+

+ Rearranging cards by dragging + Rearranging cards by dragging +

## Show or hide section conditionally diff --git a/source/_dashboards/sidebar.markdown b/source/_dashboards/sidebar.markdown index 6fdcf0dad6b..208dc50e208 100644 --- a/source/_dashboards/sidebar.markdown +++ b/source/_dashboards/sidebar.markdown @@ -9,7 +9,7 @@ related: - docs: /dashboards/panel/ title: Panel view - docs: /dashboards/sections/ - title: Sections view (experimental) + title: Sections view (default) - docs: /dashboards/views/ title: About views --- diff --git a/source/_dashboards/vertical-stack.markdown b/source/_dashboards/vertical-stack.markdown index 56212aec535..42fff9c454e 100644 --- a/source/_dashboards/vertical-stack.markdown +++ b/source/_dashboards/vertical-stack.markdown @@ -10,6 +10,11 @@ related: The vertical stack card allows you to group multiple cards so they always sit in the same column. +

+Screencast showing how to edit a dashboard customize a vertical stack card +Screencast showing how to edit a dashboard and customize a vertical stack card. +

+ {% include dashboard/edit_dashboard.md %} ## YAML configuration diff --git a/source/dashboards/index.markdown b/source/dashboards/index.markdown index b0248d37ab8..01c9bb3cf30 100644 --- a/source/dashboards/index.markdown +++ b/source/dashboards/index.markdown @@ -26,8 +26,8 @@ You can customize your dashboard using various options: - Use custom cards from our amazing community.

-Screencast showing how to edit a dashboard customize a vertical stack card -Screencast showing how to edit a dashboard and customize a vertical stack card. + Screencast showing how to edit a dashboard in section view and how to rearrange cards + Screencast showing how to edit a dashboard in section view and how to rearrange cards

## Explore the interactive demo dashboard diff --git a/source/dashboards/views.markdown b/source/dashboards/views.markdown index ed976b66cf7..1461db77c41 100644 --- a/source/dashboards/views.markdown +++ b/source/dashboards/views.markdown @@ -34,12 +34,10 @@ Views control the layout. There are four different view types: +- **Sections (default)**: Arranges cards in a grid system and lets you group them in sections. - **Panel**: Displays one card in full width. For example a map or an image. - **Sidebar**: Arranges cards in 2 columns, a wide one and a smaller one on the right. -- **Masonry (default)**: Arranges cards in columns based on their card size. -- **Sections (experimental)**: Arranges cards in a grid system and lets you group them in sections. - -It is currently not possible to migrate your dashboard from one view type into another. For example, if you have a dashboard in masonry view, and want it in sections view, you need to create a new view. +- **Masonry**: Arranges cards in columns based on their card size. ## Adding a view to a dashboard