mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-16 05:46:52 +00:00
Edit card configuration: update (#33418)
This commit is contained in:
parent
4548ae3d61
commit
9763a5e84e
@ -6,7 +6,7 @@ description: The Conditional card displays another card based on conditions.
|
||||
related:
|
||||
- docs: /dashboards/cards/
|
||||
title: Dashboard cards
|
||||
- docs: /dashboards/cards/#show-or-hide-a-card-conditionally
|
||||
- docs: /dashboards/cards/#showing-or-hiding-a-card-conditionally
|
||||
title: Conditional settings on the card's visibility tab
|
||||
---
|
||||
|
||||
@ -17,7 +17,7 @@ The conditional card displays another card based on conditions.
|
||||
{% include dashboard/edit_dashboard.md %}
|
||||
Note that while editing the dashboard, the card will always be shown, so be sure to exit editing mode to test the conditions.
|
||||
|
||||
The conditional card can still be used. However, it is now possible to define a setting to show or hide a card conditionally directly on each card type, on its [Visibility](/dashboards/cards/#show-or-hide-a-card-conditionally) tab.
|
||||
The conditional card can still be used. However, it is now possible to define a setting to show or hide a card conditionally directly on each card type, on its [Visibility](/dashboards/cards/#showing-or-hiding-a-card-conditionally) tab.
|
||||
|
||||
Most options for this card can be configured via the user interface.
|
||||
|
||||
|
@ -53,10 +53,11 @@ A card can be added to a dashboard directly [from the view](#to-add-a-card-from-
|
||||
- Then, select **Continue**.
|
||||

|
||||
|
||||
3. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#show-or-hide-a-card-conditionally).
|
||||
4. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets).
|
||||
3. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#showing-or-hiding-a-card-conditionally).
|
||||
4. If you are adding this card to a [sections view](/dashboards/sections/), on the **Layout** tab, you can [resize the card](#resizing-a-card).
|
||||
5. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets).
|
||||
- Not all cards support these elements. Refer to the documentation of the specific card type.
|
||||
5. Select **Add to dashboard**.
|
||||
6. Select **Add to dashboard**.
|
||||

|
||||
|
||||
### To add a card from the device page
|
||||
@ -74,15 +75,16 @@ This method is useful if you are on the **Device** page and want to create a car
|
||||
- If you like the card proposal, select **Add to dashboard**.
|
||||
- If you want to change the card, **Pick different card** and choose your card type.
|
||||
- **Result**: The card is added to the selected view.
|
||||

|
||||

|
||||
5. To edit the card configuration, open the view to which you added the card.
|
||||
- Select **Edit card**.
|
||||
6. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#show-or-hide-a-card-conditionally).
|
||||
6. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#showing-or-hiding-a-card-conditionally).
|
||||
7. If you are adding this card to a [sections view](/dashboards/sections/), on the **Layout** tab, you can [resize the card](#resizing-a-card).
|
||||
|
||||
7. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets).
|
||||
8. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets).
|
||||
- Not all cards support these elements. Refer to the documentation of the specific card type.
|
||||
|
||||
## Show or hide a card conditionally
|
||||
## Showing or hiding a 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 the ones for the conditional card.
|
||||
|
||||
@ -92,6 +94,17 @@ You can choose to show or hide certain cards based on different conditions. The
|
||||
2. Select the type of condition, and enter the parameters.
|
||||
- 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.
|
||||
3. Select **Save**.
|
||||
|
||||
## Resizing a card
|
||||
|
||||
In [sections view](/dashboards/sections/), you can resize cards. Follow these steps:
|
||||
|
||||
1. On the **Layout** tab, move the sliders to adjust the card size.
|
||||
- Don't see a **Layout** tab? The picture elements card does not support that yet.
|
||||

|
||||
|
||||
2. Select **Save**.
|
||||
|
||||
## Card actions, features, header and footer widgets
|
||||
|
||||
|
BIN
source/images/dashboards/card_resize.png
Normal file
BIN
source/images/dashboards/card_resize.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 76 KiB |
Loading…
x
Reference in New Issue
Block a user