diff --git a/source/_dashboards/sections.markdown b/source/_dashboards/sections.markdown index ef3146faebb..d46f7b9ecd1 100644 --- a/source/_dashboards/sections.markdown +++ b/source/_dashboards/sections.markdown @@ -23,7 +23,7 @@ The sections view lets you organize your cards in sections on a grid. You can group cards without using horizontal or vertical stack cards.

- A fully populated dashboard in Sections view layout + A fully populated dashboard in Sections view layout A fully populated dashboard in Sections view layout

@@ -49,12 +49,12 @@ Once you have created a sections view, you can populate it with sections and car 1. To add a card, select the **Add card** button. - Follow the [steps on adding cards](/dashboards/cards/#adding-cards-to-your-dashboard). - ![Add Section button](/images/dashboards/sections_view_add-card-or-section.png) + ![Add Section button](/images/dashboards/sections_view_add-card-or-section.png) 2. To add a new section, select the **Create section** button. 3. A [heading card](/dashboards/heading) will be automatically added to the top of the section. - To edit it, select the card. - - If you don't want a heading title at the top of the section, delete this card. + - If you don't want a heading title at the top of the section, delete this card. - The title can be added again later, like any other card. 4. If you want this section to be visible only to specific users or under a certain condition, you can define those conditions: - On the **Visibility** tab, select **Add condition**. @@ -62,7 +62,7 @@ Once you have created a sections view, you can populate it with sections and car - If you define multiple conditions, the section is only shown when all conditions are met. - If you did not define any conditions, the section is always shown, to all users. - ![Define visibility](/images/dashboards/section-visibility.png) + ![Define visibility](/images/dashboards/section-visibility.png) ## Deleting a section @@ -77,17 +77,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/images/dashboards/section_view.png b/source/images/dashboards/section_view.png new file mode 100644 index 00000000000..313bc6954e7 Binary files /dev/null and b/source/images/dashboards/section_view.png differ diff --git a/source/images/dashboards/section_view_rearrange_cards.gif b/source/images/dashboards/section_view_rearrange_cards.gif new file mode 100644 index 00000000000..dc1678e394a Binary files /dev/null and b/source/images/dashboards/section_view_rearrange_cards.gif differ diff --git a/source/images/dashboards/section_view_rearrange_sections.gif b/source/images/dashboards/section_view_rearrange_sections.gif new file mode 100644 index 00000000000..e7b2a8de8c2 Binary files /dev/null and b/source/images/dashboards/section_view_rearrange_sections.gif differ diff --git a/source/images/dashboards/sections_view_add-card-or-section.png b/source/images/dashboards/sections_view_add-card-or-section.png index 3f5ac636fd4..e483ed749f2 100644 Binary files a/source/images/dashboards/sections_view_add-card-or-section.png and b/source/images/dashboards/sections_view_add-card-or-section.png differ