Update image instructions for section view (#34986)

This commit is contained in:
Paul Bottein 2024-09-30 19:27:55 +02:00 committed by Franck Nijhof
parent 8eb0bbcf14
commit 13a81a5757
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
5 changed files with 12 additions and 12 deletions

View File

@ -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. You can group cards without using horizontal or vertical stack cards.
<p class='img'> <p class='img'>
<img src="/images/blog/2024-03-dashboard-chapter-1/sections-example-dashboard.png" alt="A fully populated dashboard in Sections view layout"/> <img src="/images/dashboards/section_view.png" alt="A fully populated dashboard in Sections view layout"/>
A fully populated dashboard in Sections view layout A fully populated dashboard in Sections view layout
</p> </p>
@ -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. 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. 2. To rearrange sections, hold the move {% icon "mdi:cursor-move" %} button and move the card.
<p class='img'> <p class='img'>
<img src="/images/blog/2024-03-dashboard-chapter-1/drag-and-drop-sections.gif" alt="Rearranging sections by dragging"/> <img src="/images/dashboards/section_view_rearrange_sections.gif" alt="Rearranging sections by dragging"/>
Rearranging sections by dragging Rearranging sections by dragging
</p> </p>
3. To rearrange cards, tap and hold the card and move it to your desired location. 3. To rearrange cards, tap and hold the card and move it to your desired location.
<p class='img'> <p class='img'>
<img src="/images/blog/2024-03-dashboard-chapter-1/drag-and-drop-cards.gif" alt="Rearranging cards by dragging"/> <img src="/images/dashboards/section_view_rearrange_cards.gif" alt="Rearranging cards by dragging"/>
Rearranging cards by dragging Rearranging cards by dragging
</p> </p>
## Show or hide section conditionally ## Show or hide section conditionally

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 18 KiB