From b3e74466ddfb4dbdd836b6cef1b53e13ff907852 Mon Sep 17 00:00:00 2001 From: c0ffeeca7 <38767475+c0ffeeca7@users.noreply.github.com> Date: Thu, 6 Mar 2025 15:53:29 +0100 Subject: [PATCH] Add card: add steps on customizing features, remove steps from tile card page (#37836) --- source/_dashboards/tile.markdown | 13 +------------ source/_includes/dashboard/edit_dashboard.md | 2 +- source/dashboards/cards.markdown | 11 +++++++++-- 3 files changed, 11 insertions(+), 15 deletions(-) diff --git a/source/_dashboards/tile.markdown b/source/_dashboards/tile.markdown index 7fda9d505ca..f64909d7e11 100644 --- a/source/_dashboards/tile.markdown +++ b/source/_dashboards/tile.markdown @@ -16,7 +16,7 @@ The tile card gives you a quick overview of your {% term entity %}. The card all

Screenshot of tile cards - The circular background behind an icon indicates that there is a tap action. + The circular background behind an icon indicates that there is a tap action. The "Downstairs" and "Upstairs" climate entities have a badge and a feature that is bottom-aligned.

@@ -152,15 +152,4 @@ features: You want to colorize the tile card? Choose one of the following colors: `primary`, `accent`, `disabled`, `red`, `pink`, `purple`, `deep-purple`, `indigo`, `blue`, `light-blue`, `cyan`, `teal`, `green`, `light-green`, `lime`, `yellow`, `amber`, `orange`, `deep-orange`, `brown`, `grey`, `blue-grey`, `black` and `white`. -## Reordering features -Some features of the tile card, such as the presets or the HVAC modes of a -thermostat, can show many buttons. While you can limit the buttons you’d -like to see, they may not be in the desired order. - -For your thermostat, that means you can reorder the HVAC modes or presets. - -

- Screen recording showing how you can now reorder the HVAC modes on the thermostat shown in a tile card. - You can now reorder the features of the tile card. -

diff --git a/source/_includes/dashboard/edit_dashboard.md b/source/_includes/dashboard/edit_dashboard.md index 6052ea71aaf..678e02333b8 100644 --- a/source/_includes/dashboard/edit_dashboard.md +++ b/source/_includes/dashboard/edit_dashboard.md @@ -10,4 +10,4 @@ To add the {{ title | downcase }} to your user interface: - This means that it is no longer automatically updated when new dashboard elements become available. - Once you've taken control, you can't get this specific dashboard back to update automatically. However, you can create a new default dashboard. - To continue, in the dialog, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Take control**. -2. [Add a card](/dashboards/cards/#adding-cards-to-your-dashboard) to your dashboard. +2. [Add a card and customize actions and features](/dashboards/cards/#adding-cards-to-your-dashboard) to your dashboard. diff --git a/source/dashboards/cards.markdown b/source/dashboards/cards.markdown index bfb3acccb34..a26bb1a5ff4 100644 --- a/source/dashboards/cards.markdown +++ b/source/dashboards/cards.markdown @@ -55,9 +55,13 @@ A card can be added to a dashboard directly [from the view](#to-add-a-card-from- 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-or-badge-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). +5. Customize your card: + - [define card actions](/dashboards/actions/). + - [define header and footer](/dashboards/header-footer/) + - [customize features](/dashboards/features/#customizing-features). - Not all cards support these elements. Refer to the documentation of the specific card type. 6. Select **Add to dashboard**. + ![Screenshot card suggestions](/images/dashboards/dashboard_add-by-entity_04.png) ### To add a card from the device page @@ -81,7 +85,10 @@ This method is useful if you are on the **Device** page and want to create a car 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-or-badge-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). -8. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets). +8. Customize your card: + - [define card actions or header and footer widgets](#card-actions-features-header-and-footer-widgets). + - [define header and footer](/dashboards/header-footer/) + - [customize features](/dashboards/features/#customizing-features). - Not all cards support these elements. Refer to the documentation of the specific card type. ## Showing or hiding a card or badge conditionally