`.
- Windy weather radar as Webpage.
+ Windy weather radar as webpage.
-To add the Webpage card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
@@ -22,7 +22,7 @@ You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/light.markdown b/source/_dashboards/light.markdown
index e52ebd0c526..f1cd3c965b5 100644
--- a/source/_dashboards/light.markdown
+++ b/source/_dashboards/light.markdown
@@ -1,24 +1,24 @@
---
type: card
-title: "Light Card"
+title: "Light card"
sidebar_label: Light
-description: "The Light card allows you to change the brightness of the light."
+description: "The light card allows you to change the brightness of the light."
---
-The Light card allows you to change the brightness of the light.
+The light card allows you to change the brightness of the light.
-Screenshot of the Light card.
+Screenshot of the light card.
-To add the Light card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/logbook.markdown b/source/_dashboards/logbook.markdown
index d58893d2843..d4fdabb5c5e 100644
--- a/source/_dashboards/logbook.markdown
+++ b/source/_dashboards/logbook.markdown
@@ -1,18 +1,18 @@
---
type: card
-title: "Logbook Card"
+title: "Logbook card"
sidebar_label: Logbook
-description: "The Logbook card displays entries from the logbook for specific entities."
+description: "The logbook card displays entries from the logbook for specific entities."
---
-The Logbook card displays entries from the logbook for specific entities.
+The logbook card displays entries from the logbook for specific entities.
- Screenshot of the Logbook card.
+ Screenshot of the logbook card.
-To add the Logbook card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## Card settings
@@ -29,7 +29,7 @@ Theme:
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/map.markdown b/source/_dashboards/map.markdown
index 460d83b7ce7..203859950d3 100644
--- a/source/_dashboards/map.markdown
+++ b/source/_dashboards/map.markdown
@@ -1,24 +1,24 @@
---
type: card
-title: "Map Card"
+title: "Map card"
sidebar_label: Map
-description: "The Map card that allows you to display entities on a map"
+description: "The map card that allows you to display entities on a map"
---
-The Map card that allows you to display entities on a map
+The map card that allows you to display entities on a map
Screenshot of the map card.
-To add the Map card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
@@ -75,7 +75,7 @@ hours_to_show:
-## Options For Entities
+## Options for entities
If you define entities as objects instead of strings (by adding `entity:` before entity ID), you can add more customization and configuration.
diff --git a/source/_dashboards/markdown.markdown b/source/_dashboards/markdown.markdown
index b525a054e05..f1886128004 100644
--- a/source/_dashboards/markdown.markdown
+++ b/source/_dashboards/markdown.markdown
@@ -1,6 +1,6 @@
---
type: card
-title: "Markdown Card"
+title: "Markdown card"
sidebar_label: Markdown
description: "The Markdown card is used to render Markdown"
---
@@ -14,11 +14,11 @@ Screenshot of the Markdown card.
The renderer uses [Marked.js](https://marked.js.org), which supports [several specifications of Markdown](https://marked.js.org/#specifications), including CommonMark, GitHub Flavored Markdown (GFM) and `markdown.pl`.
-To add the Markdown card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/masonry.markdown b/source/_dashboards/masonry.markdown
index 1f12a83e445..76615e5cd52 100644
--- a/source/_dashboards/masonry.markdown
+++ b/source/_dashboards/masonry.markdown
@@ -1,6 +1,6 @@
---
type: view
-title: Masonry View
+title: Masonry view
sidebar_label: Masonry (default)
description: "The default panel layout uses a masonry algorithme."
---
diff --git a/source/_dashboards/media-control.markdown b/source/_dashboards/media-control.markdown
index 23ee969bb1d..0ba077b45e7 100644
--- a/source/_dashboards/media-control.markdown
+++ b/source/_dashboards/media-control.markdown
@@ -1,22 +1,22 @@
---
type: card
-title: "Media Control Card"
-sidebar_label: Media Control
-description: "The Media Control card is used to display media player entities on an interface with easy to use controls."
+title: "Media control card"
+sidebar_label: Media control
+description: "The media control card is used to display media player entities on an interface with easy to use controls."
---
-The Media Control card is used to display [Media Player](/integrations/#media-player) entities on an interface with easy to use controls.
+The media control card is used to display [media player](/integrations/#media-player) entities on an interface with easy to use controls.
-Screenshot of the Media Control card.
+Screenshot of the media control card.
-To add the Media Control card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/panel.markdown b/source/_dashboards/panel.markdown
index 9eb981207fd..8cc91c122f0 100644
--- a/source/_dashboards/panel.markdown
+++ b/source/_dashboards/panel.markdown
@@ -1,11 +1,11 @@
---
type: view
-title: Panel View
+title: Panel view
sidebar_label: Panel
description: "The panel view shows a single card in the full width of the screen."
---
-The view must have exactly one card. This card is rendered full-width.
+The view must have exactly one card. This card is rendered full-width.
This view doesn't have support for badges.
diff --git a/source/_dashboards/picture-elements.markdown b/source/_dashboards/picture-elements.markdown
index 455a6fcf4c4..b494e2810dc 100644
--- a/source/_dashboards/picture-elements.markdown
+++ b/source/_dashboards/picture-elements.markdown
@@ -1,11 +1,11 @@
---
type: card
-title: "Picture Elements Card"
-sidebar_label: Picture Elements
-description: "The Picture Elements card is one of the most versatile types of cards. The cards allow you to position icons or text and even services! On an image based on coordinates."
+title: "Picture elements card"
+sidebar_label: Picture elements
+description: "The picture elements card is one of the most versatile types of cards. The cards allow you to position icons or text and even services! On an image based on coordinates."
---
-The Picture Elements card is one of the most versatile types of cards.
+The picture elements card is one of the most versatile types of cards.
@@ -14,7 +14,7 @@ The Picture Elements card is one of the most versatile types of cards.
The cards allow you to position icons or text and even services on an image based on coordinates. Imagine floor plan, imagine [picture-glance](/dashboards/picture-glance/) with no restrictions!
-To add the Picture Elements card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## YAML configuration
@@ -70,7 +70,7 @@ Elements are the active components (icons, badges, buttons, text, etc.) that ove
There are several different element types that can be added to a Picture Elements card:
-- [State Badge](#state-badge)
+- [State badge](#state-badge)
- [State Icon](#state-icon)
- [State Label](#state-label)
- [Service Call Button](#service-call-button)
diff --git a/source/_dashboards/picture-entity.markdown b/source/_dashboards/picture-entity.markdown
index 32304ad2ec6..e3f14b9eecc 100644
--- a/source/_dashboards/picture-entity.markdown
+++ b/source/_dashboards/picture-entity.markdown
@@ -1,22 +1,22 @@
---
type: card
-title: Picture Entity Card
-sidebar_label: Picture Entity
-description: The Picture Entity card displays an entity in the form of an image. Instead of images from URL, it can also show the picture of camera entities.
+title: Picture entity card
+sidebar_label: Picture entity
+description: The picture entity card displays an entity in the form of an image. Instead of images from URL, it can also show the picture of camera entities.
---
-The Picture Entity card displays an entity in the form of an image. Instead of images from URL, it can also show the picture of `camera` entities.
+The picture entity card displays an entity in the form of an image. Instead of images from URL, it can also show the picture of `camera` entities.
Background changes according to the entity state.
-To add the Picture Entity card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/picture-glance.markdown b/source/_dashboards/picture-glance.markdown
index f7f152b732b..f612cc307c4 100644
--- a/source/_dashboards/picture-glance.markdown
+++ b/source/_dashboards/picture-glance.markdown
@@ -1,22 +1,22 @@
---
type: card
-title: "Picture Glance Card"
-sidebar_label: Picture Glance
-description: "The Picture Glance card shows an image and corresponding entity states as an icon. The entities on the right side allow toggle actions, others show the more information dialog."
+title: "Picture glance card"
+sidebar_label: Picture glance
+description: "The picture glance card shows an image and corresponding entity states as an icon. The entities on the right side allow toggle actions, others show the more information dialog."
---
-The Picture Glance card shows an image and corresponding entity states as an icon. The entities on the right side allow toggle actions, others show the more information dialog.
+The picture glance card shows an image and corresponding entity states as an icon. The entities on the right side allow toggle actions, others show the more information dialog.
Picture glance card for a living room.
-To add the Picture Glance card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
@@ -88,7 +88,7 @@ double_tap_action:
type: map
{% endconfiguration %}
-### Options For Entities
+### Options for entities
If you define entities as objects instead of strings, you can add more customization and configuration:
@@ -132,7 +132,7 @@ double_tap_action:
type: map
{% endconfiguration %}
-### Options For Exemptions
+### Options for exemptions
{% configuration badges %}
user:
diff --git a/source/_dashboards/picture.markdown b/source/_dashboards/picture.markdown
index 3b45b687563..5a2fca27cc0 100644
--- a/source/_dashboards/picture.markdown
+++ b/source/_dashboards/picture.markdown
@@ -2,21 +2,21 @@
type: card
title: "Picture Card"
sidebar_label: Picture
-description: "The Picture card allows you to set an image to use for navigation to various paths in your interface or to call a service."
+description: "The picture card allows you to set an image to use for navigation to various paths in your interface or to call a service."
---
-The Picture card allows you to set an image to use for navigation to various paths in your interface or to call a service.
+The picture card allows you to set an image to use for navigation to various paths in your interface or to call a service.
Screenshot of the picture card.
-To add the Picture card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/plant-status.markdown b/source/_dashboards/plant-status.markdown
index 6a611a1a4db..031def93771 100644
--- a/source/_dashboards/plant-status.markdown
+++ b/source/_dashboards/plant-status.markdown
@@ -1,24 +1,24 @@
---
type: card
-title: "Plant Status Card"
-sidebar_label: Plant Status
-description: "The Plant Status card is for all the lovely botanists out there."
+title: "Plant status card"
+sidebar_label: Plant status
+description: "The plant status card is for all the lovely botanists out there."
---
-The Plant Status card is for all the lovely botanists out there.
+The plant status card is for all the lovely botanists out there.
Screenshot of the plant status card.
-To add the Plant Status card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/sensor.markdown b/source/_dashboards/sensor.markdown
index 94bc44f5cfb..5769fb7f787 100644
--- a/source/_dashboards/sensor.markdown
+++ b/source/_dashboards/sensor.markdown
@@ -1,24 +1,24 @@
---
type: card
-title: "Sensor Card"
+title: "Sensor card"
sidebar_label: Sensor
-description: "The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time."
+description: "The sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time."
---
-The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time.
+The sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time.
Screenshot of the sensor card.
-To add the Sensor card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/shopping-list.markdown b/source/_dashboards/shopping-list.markdown
index f9143284116..0c6e77eac83 100644
--- a/source/_dashboards/shopping-list.markdown
+++ b/source/_dashboards/shopping-list.markdown
@@ -1,26 +1,26 @@
---
type: card
-title: "Shopping List Card"
-sidebar_label: Shopping List
-description: "The Shopping List card allows you to add, edit, check-off, and clear items from your shopping list."
+title: "Shopping list card"
+sidebar_label: Shopping list
+description: "The shopping list card allows you to add, edit, check-off, and clear items from your shopping list."
---
-The Shopping List card allows you to add, edit, check-off, and clear items from your shopping list.
+The shopping list card allows you to add, edit, check-off, and clear items from your shopping list.
-Screenshot of the Shopping List card.
+Screenshot of the shopping list card.
-Setup of the [Shopping List integration](/integrations/shopping_list/) is required.
+Setup of the [shopping list integration](/integrations/shopping_list/) is required.
-To add the Shopping List card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
@@ -43,5 +43,5 @@ Title Example:
```yaml
type: shopping-list
-title: Shopping List
+title: shopping list
```
diff --git a/source/_dashboards/sidebar.markdown b/source/_dashboards/sidebar.markdown
index 14ff2ab1205..bfa851b9392 100644
--- a/source/_dashboards/sidebar.markdown
+++ b/source/_dashboards/sidebar.markdown
@@ -1,6 +1,6 @@
---
type: view
-title: Sidebar View
+title: Sidebar view
sidebar_label: Sidebar
description: "The sidebar view has 2 columns, a wide one and a smaller one on the right."
---
diff --git a/source/_dashboards/statistic.markdown b/source/_dashboards/statistic.markdown
index 83349cd32b1..8e34f583fa9 100644
--- a/source/_dashboards/statistic.markdown
+++ b/source/_dashboards/statistic.markdown
@@ -1,11 +1,11 @@
---
type: card
-title: "Statistic Card"
+title: "Statistic card"
sidebar_label: Statistic
-description: "The Statistic card allows you to display a statistical value for an entity."
+description: "The statistic card allows you to display a statistical value for an entity."
---
-The Statistic card allows you to display a statistical value for an entity.
+The statistic card allows you to display a statistical value for an entity.
Statistics are gathered every 5 minutes for sensors that support it. It will either keep the `min`, `max` and `mean` of a sensors value for a specific period, or the `sum` for a metered entity.
@@ -16,7 +16,9 @@ If your sensor doesn't work with statistics, check [this](/more-info/statistics/
Screenshot of the statistic card for a temperature sensor.
-To add the Statistic card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the "Add Card" button in the bottom right corner and select **Statistic** from the card picker. All options for this card can be configured via the user interface, but if you want more options for the period, you will have to define them in `yaml`.
+{% include dashboard/edit_dashboard.md %}
+
+All options for this card can be configured via the user interface, but if you want more options for the period, you will have to define them in `yaml`.
{% configuration %}
type:
@@ -72,7 +74,7 @@ period:
stat_type: change
```
-## Options For Period
+## Options for period
Periods can be configured in 3 different ways:
diff --git a/source/_dashboards/statistics-graph.markdown b/source/_dashboards/statistics-graph.markdown
index 3fc29901653..3d006cb58bf 100644
--- a/source/_dashboards/statistics-graph.markdown
+++ b/source/_dashboards/statistics-graph.markdown
@@ -1,33 +1,33 @@
---
type: card
-title: "Statistics Graph Card"
-sidebar_label: Statistics Graph
-description: "The Statistics Graph card allows you to display a graph with statistics data for each of the entities listed."
+title: "Statistics graph card"
+sidebar_label: Statistics graph
+description: "The statistics graph card allows you to display a graph with statistics data for each of the entities listed."
---
-The Statistics Graph card allows you to display a graph of statistics data for each of the entities listed.
+The statistics graph card allows you to display a graph of statistics data for each of the entities listed.
-Screenshot of the Statistics Graph card with none metered entities and `chart_type` `line`.
+Screenshot of the statistics graph card with none metered entities and `chart_type` `line`.
-Screenshot of the Statistics Graph card with a metered entity and `chart_type` `bar`.
+Screenshot of the statistics graph card with a metered entity and `chart_type` `bar`.
Statistics are gathered every 5 minutes for sensors that support it. It will either keep the `min`, `max`, and `mean` of a sensor's value for a specific hour or the `sum` for a metered entity.
If your sensor doesn't work with statistics, check [this](/more-info/statistics/).
-To add the Statistics Graph card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
@@ -66,7 +66,7 @@ hide_legend:
default: false
{% endconfiguration %}
-### Options For Entities
+### Options for entities
If you define entities as objects instead of strings, you can add more customization and configuration:
diff --git a/source/_dashboards/thermostat.markdown b/source/_dashboards/thermostat.markdown
index 567620b7b31..1979d07be70 100644
--- a/source/_dashboards/thermostat.markdown
+++ b/source/_dashboards/thermostat.markdown
@@ -1,24 +1,24 @@
---
type: card
-title: "Thermostat Card"
+title: "Thermostat card"
sidebar_label: Thermostat
-description: "The Thermostat card gives control of your climate entity, allowing you to change the temperature and mode of the entity."
+description: "The thermostat card gives control of your climate entity, allowing you to change the temperature and mode of the entity."
---
-The Thermostat card gives control of your [climate](/integrations/#climate) entity, allowing you to change the temperature and mode of the entity.
+The thermostat card gives control of your [climate](/integrations/#climate) entity, allowing you to change the temperature and mode of the entity.
- Screenshot of the Thermostat card.
+ Screenshot of the thermostat card.
-To add the Thermostat card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
All options for this card can be configured via the user interface.
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/tile.markdown b/source/_dashboards/tile.markdown
index e8791423cf4..ebaaa242929 100644
--- a/source/_dashboards/tile.markdown
+++ b/source/_dashboards/tile.markdown
@@ -1,6 +1,6 @@
---
type: card
-title: "Tile Card"
+title: "Tile card"
sidebar_label: Tile
description: "The tile card gives you a quick overview of your entity. The card allows you to toggle the entity, show the more-info dialog, or custom actions."
---
@@ -9,10 +9,10 @@ The tile card gives you a quick overview of your entity. The card allows you to
- Screenshot of Tile cards.
+ Screenshot of tile cards.
-To add the Tile card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the "Add Card" button in the bottom right corner and select **Tile** from the card picker.
+{% include dashboard/edit_dashboard.md %}
{% configuration %}
type:
diff --git a/source/_dashboards/vertical-stack.markdown b/source/_dashboards/vertical-stack.markdown
index f533c90c31d..0e13b9ce21e 100644
--- a/source/_dashboards/vertical-stack.markdown
+++ b/source/_dashboards/vertical-stack.markdown
@@ -1,17 +1,17 @@
---
type: card
-title: "Vertical Stack Card"
-sidebar_label: Vertical Stack
-description: "The Vertical Stack card allows you to group multiple cards so they always sit in the same column."
+title: "Vertical stack card"
+sidebar_label: Vertical stack
+description: "The vertical stack card allows you to group multiple cards so they always sit in the same column."
---
-The Vertical Stack card allows you to group multiple cards so they always sit in the same column.
+The vertical stack card allows you to group multiple cards so they always sit in the same column.
-To add the Vertical Stack card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_dashboards/weather-forecast.markdown b/source/_dashboards/weather-forecast.markdown
index 7964d29bfb6..5e6f3a4e198 100644
--- a/source/_dashboards/weather-forecast.markdown
+++ b/source/_dashboards/weather-forecast.markdown
@@ -1,18 +1,18 @@
---
type: card
-title: "Weather Forecast Card"
-sidebar_label: Weather Forecast
-description: "The Weather Forecast card displays the weather. Very useful to include on interfaces that people display on the wall."
+title: "Weather forecast card"
+sidebar_label: Weather forecast
+description: "The weather forecast card displays the weather. Very useful to include on interfaces that people display on the wall."
---
-The Weather Forecast card displays the weather. Very useful to include on interfaces that people display on the wall.
+The weather forecast card displays the weather. This card is particularly useful on wall-mounted displays.
- Screenshot of the Weather card.
+ Screenshot of the weather card.
-To add the Weather card to your user interface, click the menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the **Add Card** button in the bottom right corner and select from the card picker.
+{% include dashboard/edit_dashboard.md %}
## Card settings
@@ -41,7 +41,7 @@ Theme:
## YAML configuration
-The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
+The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
diff --git a/source/_includes/dashboard/edit_dashboard.md b/source/_includes/dashboard/edit_dashboard.md
new file mode 100644
index 00000000000..d826f6906b9
--- /dev/null
+++ b/source/_includes/dashboard/edit_dashboard.md
@@ -0,0 +1,8 @@
+{% capture name %}{{ include.name | default: page.title }}{% endcapture %}
+{% capture domain %}{{ include.domain | default: page.ha_domain }}{% endcapture %}
+{% capture title %}{{ include.title | default: page.title }}{% endcapture %}
+
+To add the {{ title | downcase }} to your user interface:
+1. In the top right of the screen, select the three dots menu and then select **Edit dashboard**.
+ - By editing the dashboard, you are taking over control of this dashboard. This means that it is no longer automatically updated when new dashboard elements become available. To continue, in the dialog, select **Take control**.
+2. In the bottom right corner, select the **Add card** button and select from the card picker.
diff --git a/source/dashboards/actions.markdown b/source/dashboards/actions.markdown
index 25bfa59cae0..31de1e1b0aa 100644
--- a/source/dashboards/actions.markdown
+++ b/source/dashboards/actions.markdown
@@ -12,9 +12,9 @@ Actions can be enabled on:
- [Glance](/dashboards/glance/)
- [Light](/dashboards/light/)
- [Picture](/dashboards/picture/)
-- [Picture Element](/dashboards/picture-elements/)
-- [Picture Entity](/dashboards/picture-entity/)
-- [Picture Glance](/dashboards/picture-glance/)
+- [Picture element](/dashboards/picture-elements/)
+- [Picture entity](/dashboards/picture-entity/)
+- [Picture glance](/dashboards/picture-glance/)
## Tap-Action
@@ -202,7 +202,7 @@ double_tap_action:
default: none
{% endconfiguration %}
-## Options For Confirmation
+## Options for confirmation
If you define confirmation as an object instead of boolean, you can add more customization and configurations.
@@ -229,7 +229,7 @@ exemptions:
type: list
{% endconfiguration %}
-## Options For Exemptions
+## Options for exemptions
{% configuration exemptions %}
user:
diff --git a/source/dashboards/badges.markdown b/source/dashboards/badges.markdown
index e64048c79ed..0a32b826a5e 100644
--- a/source/dashboards/badges.markdown
+++ b/source/dashboards/badges.markdown
@@ -63,7 +63,7 @@ state_filter:
type: list
{% endconfiguration %}
-### Options For Entities
+### Options for entities
If you define entities as objects instead of strings (by adding `entity:` before entity ID), you can add more customization and configurations:
@@ -94,7 +94,7 @@ state_filter:
type: list
{% endconfiguration %}
-### Options For state_filter
+### Options for state filter
If you define state_filter as objects instead of strings (by adding `value:` before your state value), you can add more customization to your filter:
diff --git a/source/dashboards/views.markdown b/source/dashboards/views.markdown
index 77d9efb8614..27423182592 100644
--- a/source/dashboards/views.markdown
+++ b/source/dashboards/views.markdown
@@ -73,7 +73,7 @@ views:
...
```
-### Options For Visible
+### Options for visible objects
If you define `visible` as objects instead of a boolean to specify conditions for displaying the view tab: