diff --git a/source/dashboards/features.markdown b/source/dashboards/features.markdown index d52bcddae8e..46af70a75c1 100644 --- a/source/dashboards/features.markdown +++ b/source/dashboards/features.markdown @@ -22,6 +22,25 @@ Features can be enabled on the following cards: - [Thermostat](/dashboards/thermostat/) - [Tile](/dashboards/tile/) +## Customizing features + +1. Edit the card and open the **Features** section. +2. To add an additional feature to your card, select **Add feature**. + - **Info**: The available options for a feature depend on the entity and type of feature. + - For example, not all entities have a [toggle](#toggle) or a [counter-action](#counter-actions). +3. On tile cards, you can adjust the feature position. + - Under **Features** > **Feature position**, select **Bottom** or **Inline**: + + ![Screen recording showing how you can now reorder the HVAC modes on the thermostat shown in a tile card.](/images/dashboards/features/tile-card-feature-position.png) + +4. Reordering features: + - Some features of the tile card, such as the presets or the HVAC modes of a thermostat, can show buttons. + - To reorder the buttons, enable **Customize** and drag and drop the buttons into position. + - If you don't like the buttons, you can replace them by a **Dropdown** instead. + - Under **Style**, select the **Dropdown** option. + + ![Screen recording showing how you can now reorder the HVAC modes on the thermostat shown in a tile card.](/images/blog/2024-05/tile-card-reorder-features.gif) + ## Alarm modes Widget that displays buttons to arm and disarm an [alarm](/integrations/alarm_control_panel). diff --git a/source/images/dashboards/features/tile-card-feature-position.png b/source/images/dashboards/features/tile-card-feature-position.png new file mode 100644 index 00000000000..1b9bf4b4204 Binary files /dev/null and b/source/images/dashboards/features/tile-card-feature-position.png differ