jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-19 15:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add visibility config option for cards and sections (#33087)

Browse Source 
Co-authored-by: Franck Nijhof <git@frenck.dev>
This commit is contained in:
Paul Bottein 2024-06-05 10:21:35 +02:00 committed by GitHub
parent af5b791851
commit ba83a7955a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
source/_dashboards/sections.markdown
View File

@ -65,6 +65,12 @@ In the sections view, you can rearrange sections and cards by dragging them to a
Rearranging cards by dragging
</p>
## Show or hide section conditionally
You can choose to show or hide certain sections based on different conditions. The [available conditions](/dashboards/conditional/#card-conditions) are the same as that for the conditional card.
To edit the section visibility conditions, select the <img height="28px" src="/images/blog/2024-03-dashboard-chapter-1/mdi-edit.png" alt="Edit icon"/> button and then click on the visibility tab.
## Check out the demo
Check out the demo from the March live stream on dashboards.

6
source/dashboards/cards.markdown
View File

@ -50,6 +50,12 @@ Some cards have support for [header and footer widgets](/dashboards/header-foote
Screenshot of an entities card with a picture header and buttons footer.
</p>
## Show or hide card conditionally
You can choose to show or hide certain cards based on different conditions. The [available conditions](/dashboards/conditional/#card-conditions) are the same as that for the conditional card.
To edit the card visibility conditions, open the card editor and then click on the visibility tab.
## Adding cards to your dashboard
1. If this is your first time editing a dashboard, [take control of the default dashboard](/dashboards/#get-started-with-your-own-dashboard).