mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-19 15:26:59 +00:00
Update image instructions for section view (#34986)
This commit is contained in:
parent
8eb0bbcf14
commit
13a81a5757
@ -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
|
||||||
|
|
||||||
|
BIN
source/images/dashboards/section_view.png
Normal file
BIN
source/images/dashboards/section_view.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 135 KiB |
BIN
source/images/dashboards/section_view_rearrange_cards.gif
Normal file
BIN
source/images/dashboards/section_view_rearrange_cards.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.8 MiB |
BIN
source/images/dashboards/section_view_rearrange_sections.gif
Normal file
BIN
source/images/dashboards/section_view_rearrange_sections.gif
Normal file
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 |
Loading…
x
Reference in New Issue
Block a user