mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-18 23:06:58 +00:00
Rename Lovelace Dashboard to just Dashboard (#22030)
This commit is contained in:
Matthias de Baat
GitHub
parent
396aa588f3
commit
3c6d543628
@ -12,7 +12,7 @@ The Alarm Panel card allows you to arm and disarm your [alarm control panel](/in
|
||||
Screenshot of the Alarm Panel card.
|
||||
</p>
|
||||
|
||||
To add the Alarm Panel card to your user interface, click the Lovelace 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 **Alarm Panel** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Alarm Panel 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 **Alarm Panel** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
Alternatively, the card can be configured using YAML:
|
||||
|
||||
|
||||
@ -13,7 +13,7 @@ The Area card lets you control and monitor an individual area.
|
||||
</p>
|
||||
|
||||
|
||||
To add the Area card to your user interface, click the Lovelace 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 **Area** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Area 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 **Area** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
Buttons will appear on the card for the entities in the area including fan, light and switch. A motion sensor icon will appear in the top left if a motion sensor is in the area and motion is detected by the motion sensor.
|
||||
|
||||
@ -35,7 +35,7 @@ show_camera:
|
||||
default: false
|
||||
navigation_path:
|
||||
required: false
|
||||
description: link to Lovelace view. For more information about views, see the [view documentation](/lovelace/views/)
|
||||
description: link to view. For more information about views, see the [view documentation](/lovelace/views/)
|
||||
type: string
|
||||
theme:
|
||||
required: false
|
||||
|
||||
@ -12,7 +12,7 @@ The Button card allows you to add buttons to perform tasks.
|
||||
Screenshot of three Button Cards.
|
||||
</p>
|
||||
|
||||
To add the Button card to your user interface, click the Lovelace 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 **Button** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Button 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 **Button** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
## Card Settings
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ The Calendar card displays your [calendar](/integrations/#calendar) entities in
|
||||
Screenshot of the Calendar card.
|
||||
</p>
|
||||
|
||||
To add the Calendar card to your user interface, click the Lovelace 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 **Calendar** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Calendar 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 **Calendar** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
## Card Settings
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ description: The Conditional card displays another card based on entity states.
|
||||
|
||||
The Conditional card displays another card based on entity states.
|
||||
|
||||
To add the Conditional card to your user interface, click the Lovelace 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 **Conditional** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Conditional 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 **Conditional** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -5,7 +5,7 @@ sidebar_label: Energy Cards
|
||||
description: "An overview of the energy cards that are available."
|
||||
---
|
||||
|
||||
This is a list of all the cards used in the energy dashboard, you can also place them anywhere you want in your Lovelace dashboard.
|
||||
This is a list of all the cards used in the energy dashboard, you can also place them anywhere you want in your dashboard.
|
||||
|
||||
At the moment there are no configuration options available for these cards, you can configure them on the {% my config_energy title="energy configuration page" %}.
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ description: "The Entities card is the most common type of card. It groups items
|
||||
|
||||
The Entities card is the most common type of card. It groups items together into lists. It can be used to display an entity's state or attribute, but also contain buttons, web links, etc.
|
||||
|
||||
To add the Entities card to your user interface, click the Lovelace 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 **Entities** from the card picker.
|
||||
To add the Entities 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 **Entities** from the card picker.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Entity card gives you a quick overview of your entity's state.
|
||||
Screenshot of the Entity card.
|
||||
</p>
|
||||
|
||||
To add the Entity card to your user interface, click the Lovelace 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 **Entity** from the card picker.
|
||||
To add the 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 **Entity** from the card picker.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -17,7 +17,7 @@ Screenshot of the Gauge card.
|
||||
Screenshot of the Gauge card in needle mode.
|
||||
</p>
|
||||
|
||||
To add the Gauge card to your user interface, click the Lovelace 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 **Gauge** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Gauge 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 **Gauge** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
Alternatively, the card can be configured using YAML:
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ The Glance card is useful to group multiple sensors in a compact overview. Keep
|
||||
Screenshot of the Glance card.
|
||||
</p>
|
||||
|
||||
To add the Glance card to your user interface, click the Lovelace 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 **Glance** from the card picker.
|
||||
To add the 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 **Glance** from the card picker.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Grid card allows you to show multiple cards in a grid. It will first fill th
|
||||
Screenshot of the Grid card.
|
||||
</p>
|
||||
|
||||
To add the Grid card to your user interface, click the Lovelace 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 **Grid Card** from the card picker.
|
||||
To add the Grid 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 **Grid Card** from the card picker.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -17,7 +17,7 @@ Screenshot of the History Graph card, when the sensor has no `unit_of_measuremen
|
||||
Screenshot of the History Graph card, when the sensor has a `unit_of_measurement` defined.
|
||||
</p>
|
||||
|
||||
To add the History Graph card to your user interface, click the Lovelace 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 **History Graph** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the History 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 **History Graph** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -7,7 +7,7 @@ description: "The Horizontal Stack card allows you to stack together multiple ca
|
||||
|
||||
The Horizontal Stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column.
|
||||
|
||||
To add the Horizontal Stack card to your user interface, click the Lovelace 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 **Horizontal Stack** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Horizontal 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 **Horizontal Stack** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Humidifier card lets you control and monitor humidifiers, dehumidifiers, and
|
||||
Screenshot of the humidifier card.
|
||||
</p>
|
||||
|
||||
To add the Humidifier card to your user interface, click the Lovelace 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 **Humidifier** from the card picker. All options for this card can be configured via the user interface.
|
||||
To add the Humidifier 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 **Humidifier** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -16,7 +16,7 @@ You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.
|
||||
Windy weather radar as Webpage.
|
||||
</p>
|
||||
|
||||
To add the Webpage card to your user interface, click the Lovelace 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 **Webpage** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Webpage** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Light card allows you to change the brightness of the light.
|
||||
Screenshot of the Light card.
|
||||
</p>
|
||||
|
||||
To add the Light card to your user interface, click the Lovelace 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 **Light** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Light** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
Alternatively, the card can be configured using YAML:
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ The Logbook card displays entries from the logbook for specific entities.
|
||||
Screenshot of the Logbook card.
|
||||
</p>
|
||||
|
||||
To add the Logbook card to your user interface, click the Lovelace 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 **Logbook** from the card picker.
|
||||
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 **Logbook** from the card picker.
|
||||
|
||||
## Card Settings
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ The Map card that allows you to display entities on a map
|
||||
Screenshot of the map card.
|
||||
</p>
|
||||
|
||||
To add the Map card to your user interface, click the Lovelace 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 **Map** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Map** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -14,7 +14,7 @@ The renderer uses [Marked.js](https://marked.js.org), which supports [several sp
|
||||
Screenshot of the Markdown card.
|
||||
</p>
|
||||
|
||||
To add the Markdown card to your user interface, click the Lovelace 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 **Markdown** from the card picker.
|
||||
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 **Markdown** from the card picker.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
@ -34,7 +34,7 @@ card_size:
|
||||
required: false
|
||||
type: integer
|
||||
default: none
|
||||
description: The algorithm for placing cards aesthetically in Lovelace may have problems with the Markdown card if it contains templates. You can use this value to help it estimate the height of the card in units of 50 pixels (approximately 3 lines of text in default size). (e.g., `4`)
|
||||
description: The algorithm for placing cards aesthetically may have problems with the Markdown card if it contains templates. You can use this value to help it estimate the height of the card in units of 50 pixels (approximately 3 lines of text in default size). (e.g., `4`)
|
||||
entity_id:
|
||||
required: false
|
||||
type: [string, list]
|
||||
@ -55,7 +55,7 @@ type: markdown
|
||||
content: >
|
||||
## Lovelace
|
||||
|
||||
Starting with Home Assistant 0.72, we're experimenting with a new way of defining your interface. We're calling it the **Lovelace UI**.
|
||||
Starting with Home Assistant 0.72, we're experimenting with a new way of defining your interface.
|
||||
```
|
||||
|
||||
## Template variables
|
||||
|
||||
@ -12,7 +12,7 @@ The Media Control card is used to display [Media Player](/integrations/#media-pl
|
||||
Screenshot of the Media Control card.
|
||||
</p>
|
||||
|
||||
To add the Media Control card to your user interface, click the Lovelace 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 **Media Control** from the card picker.
|
||||
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 **Media Control** from the card picker.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Plant Status card is for all the lovely botanists out there.
|
||||
Screenshot of the plant status card.
|
||||
</p>
|
||||
|
||||
To add the Plant Status card to your user interface, click the Lovelace 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 **Plant Status** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Plant Status** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Sensor card gives you a quick overview of your sensors state with an optiona
|
||||
Screenshot of the sensor card.
|
||||
</p>
|
||||
|
||||
To add the Sensor card to your user interface, click the Lovelace 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 **Sensor** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Sensor** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -14,7 +14,7 @@ Setup of the [Shopping List integration](/integrations/shopping_list/) is requir
|
||||
Screenshot of the Shopping List card.
|
||||
</p>
|
||||
|
||||
To add the Shopping List card to your user interface, click the Lovelace 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 **Shopping List** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Shopping List** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
Alternatively, the card can be configured using YAML:
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@ The sidebar view has 2 columns, a wide one and a smaller one on the right.
|
||||
This view doesn't have support for badges.
|
||||
|
||||
To change a view to edit mode, or to change the location of a card, enable edit mode:
|
||||
Click the Lovelace menu (three dots at the top right of the screen) and then **Edit Dashboard**.
|
||||
Click the menu (three dots at the top right of the screen) and then **Edit Dashboard**.
|
||||
|
||||
You can set if a card should be placed in the main (left) column of the sidebar column (right), by pressing the arrow right or left arrow in the bar underneath the card.
|
||||
|
||||
|
||||
@ -21,7 +21,7 @@ Screenshot of the Statistics Graph card with none metered entities and `chart_ty
|
||||
Screenshot of the Statistics Graph card with a metered entity and `chart_type` `bar`.
|
||||
</p>
|
||||
|
||||
To add the Statistics Graph card to your user interface, click the Lovelace 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 **Statistics Graph** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Statistics Graph** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Thermostat card gives control of your [climate](/integrations/#climate) enti
|
||||
Screenshot of the Thermostat card.
|
||||
</p>
|
||||
|
||||
To add the Thermostat card to your user interface, click the Lovelace 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 **Thermostat** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Thermostat** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -7,7 +7,7 @@ description: "The Vertical Stack card allows you to group multiple cards so they
|
||||
|
||||
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 Lovelace 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 **Vertical Stack** from the card picker. All options for this card can be configured via the user interface.
|
||||
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 **Vertical Stack** from the card picker. All options for this card can be configured via the user interface.
|
||||
|
||||
{% configuration %}
|
||||
type:
|
||||
|
||||
@ -12,7 +12,7 @@ The Weather Forecast card displays the weather. Very useful to include on interf
|
||||
Screenshot of the Weather card.
|
||||
</p>
|
||||
|
||||
To add the Weather card to your user interface, click the Lovelace 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 **Weather** from the card picker.
|
||||
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 **Weather** from the card picker.
|
||||
|
||||
## Card Settings
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ title: "Actions"
|
||||
description: "Define what an object does when interacted with."
|
||||
---
|
||||
|
||||
Some Lovelace cards have support for tap actions. These actions define what will happen when you tap or hold on an object within a card.
|
||||
Some cards have support for tap actions. These actions define what will happen when you tap or hold on an object within a card.
|
||||
|
||||
Actions can be enabled on:
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ title: "Badges"
|
||||
description: "Description of the various badges that are available."
|
||||
---
|
||||
|
||||
Badges are widgets that sit at the top of a Lovelace panel, above all the cards.
|
||||
Badges are widgets that sit at the top of a panel, above all the cards.
|
||||
|
||||
## State Label Badge
|
||||
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
---
|
||||
title: "Cards"
|
||||
description: "Lovelace cards."
|
||||
description: "Cards."
|
||||
---
|
||||
|
||||
Cards provide a structure for interfacing with your Lovelace dashboard.
|
||||
Cards provide a structure for interfacing with your dashboard.
|
||||
|
||||
There are several built-in card types, each with their own configuration options. Select a card from the menu to view additional details and the options for that card.
|
||||
|
||||
@ -1,403 +0,0 @@
|
||||
---
|
||||
title: "Lovelace Changelog"
|
||||
description: "Changelog of the Lovelace UI."
|
||||
---
|
||||
## Changes in 0.105.0
|
||||
* ✨ [entities card]: New `header` special row type (#4496) @balloob
|
||||
* ✨ [entities card]: New `footer` special row type (#4496) @balloob
|
||||
* ✨ [entities card]: Add `picture` option to header/footer (#4496) @balloob
|
||||
* ✨ [entities card]: New `conditional` special row type (#4569) @iantrich
|
||||
* ✨ [entities card]: Add `buttons` option to header/footer (#4601) @balloob
|
||||
* ✨ [entities card]: Add `action_name` option for scene/script rows (#4571) @iantrich
|
||||
* ✨ [entities card]: Add `state_color` option to color active/error/climate icons. Does not change the behavior of lights. Default is now `false` (#4510) @iantrich
|
||||
* ✨ Update Material Design Icons to v4.8.95 (#4520) @goyney
|
||||
* 💄 [entities card]: Automatically strip Area name from entities in Lovelace generated/auto mode (#4597) @balloob
|
||||
* 💄 [entities card]: Fix alignment of header toggle (#4532) @bramkragten
|
||||
* 💄 [light card]: Align height of card regardless of brightness support (#4582) @iantrich
|
||||
* 💄 [map card]: Ignore zones when fitting map (#4447) @klejejs
|
||||
* 💄 [entities card]: Show `Never triggered` when `secondary_info` set to `last-triggered` on an automation row and the automation has never been triggered (#4442) @Mariusthvdb
|
||||
* 💄 Additional active/error/climate icon domains/states (#4510) @iantrich
|
||||
* ♿ Close card editor on ESC (#4570) @iantrich
|
||||
* ♿ Add tabindex to Lovelace elements (#4160) @iantrich
|
||||
* 🐛 Fix action directive double tab iOS issues (#4639) @bramkragten
|
||||
* 🐛 [gauge card]: Fix severity toggle (#4600) @iantrich
|
||||
* 🐛 [Markdown card]: Fix visual editor for when all `content` removed (#4583) @iantrich
|
||||
* 🐛 [alarm panel card]: Fix preview updates (#4592) @bramkragten
|
||||
* 🐛 [thermostat card]: Fix display of current/set temperature when at 0 (#4498) @iantrich
|
||||
* 🐛 [picture glance card]: Fix `camera_view` option in editor (#4495) @iantrich
|
||||
* 🐛 Fix various card editor switches (#4584) @iantrich
|
||||
* 🐛 Fix Lovelace reload button on error page (#4557) @bramkragten
|
||||
* 🚸 [shopping list card]: Show error if integration is not loaded (#4523) @ludeeus
|
||||
* 🚸 Prompt user to confirm logout (#4501) @iantrich
|
||||
|
||||
## Changes in 0.104.0
|
||||
- ❤️ Add ability to remove Lovelace configuration [#4430](https://github.com/home-assistant/home-assistant-polymer/pull/4430) @bramkragten
|
||||
- ❤️ Add support to add all device entities to Lovelace [#4356](https://github.com/home-assistant/home-assistant-polymer/pull/4356) @bramkragten
|
||||
- 📣 Upgrade MDI icons to 4.7.95 [#4341](https://github.com/home-assistant/home-assistant-polymer/pull/4341) @bonanitech
|
||||
|
||||
## Changes in 0.101.0
|
||||
- ❤️ [entities card]: Add actions on rows [#4023](https://github.com/home-assistant/home-assistant-polymer/pull/4023) @iantrich
|
||||
- ❤️ [entities card]: New `icon` option for title [#4024](https://github.com/home-assistant/home-assistant-polymer/pull/4024) @iantrich
|
||||
- ❤️ [views]: New `visible` option [#3811](https://github.com/home-assistant/home-assistant-polymer/pull/3811) @iantrich
|
||||
- ❤️ [views]: Custom badges [#3867](https://github.com/home-assistant/home-assistant-polymer/pull/3867) @iantrich
|
||||
- ❤️ [views]: New `entity-filter` badge [#3867](https://github.com/home-assistant/home-assistant-polymer/pull/3867) @iantrich
|
||||
- ❤️ [views]: New `state-label` badge [#3867](https://github.com/home-assistant/home-assistant-polymer/pull/3867) @iantrich
|
||||
- ❤️ [views]: Add actions to `state-label` badge [#4028](https://github.com/home-assistant/home-assistant-polymer/pull/4028) @iantrich
|
||||
- ❤️ [shopping list card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [plant status card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [Markdown card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [alarm panel card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [picture card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [picture elements card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [picture elements card]: Add actions to `state-badge` element [#4028](https://github.com/home-assistant/home-assistant-polymer/pull/4028) @iantrich
|
||||
- ❤️ [picture entity card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [picture glance card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [picture glance card]: New `show_state` option for entities [#3937](https://github.com/home-assistant/home-assistant-polymer/pull/3937) @iantrich
|
||||
- ❤️ [weather forecast card]: New `theme` option [#4057](https://github.com/home-assistant/home-assistant-polymer/pull/4057) @iantrich
|
||||
- ❤️ [vertical stack card]: New `title` option [#3839](https://github.com/home-assistant/home-assistant-polymer/pull/3839) @iantrich
|
||||
- ❤️ [horizontal stack card]: New `title` option [#3839](https://github.com/home-assistant/home-assistant-polymer/pull/3839) @iantrich
|
||||
- ❤️ New `double_tap_action` option [#3879](https://github.com/home-assistant/home-assistant-polymer/pull/3879) @iantrich
|
||||
- ❤️ New `confirmation` option for actions [#4006](https://github.com/home-assistant/home-assistant-polymer/pull/4006) @iantrich
|
||||
- ❤️ Theming: New CSS switch style: `switch-checked-color` [#4017](https://github.com/home-assistant/home-assistant-polymer/pull/4017) @iantrich
|
||||
- ❤️ Theming: New CSS switch style: `switch-unchecked-color` [#4017](https://github.com/home-assistant/home-assistant-polymer/pull/4017) @iantrich
|
||||
- ❤️ Theming: New CSS switch style: `switch-unchecked-button-color` [#4017](https://github.com/home-assistant/home-assistant-polymer/pull/4017) @iantrich
|
||||
- ❤️ Theming: New CSS switch style: `switch-unchecked-track-color` [#4017](https://github.com/home-assistant/home-assistant-polymer/pull/4017) @iantrich
|
||||
- 📣 Upgrade MDI icons to 4.5.95 [#3977](https://github.com/home-assistant/home-assistant-polymer/pull/3977) @bonanitech
|
||||
- 📣 Display card errors in YAML instead of JSON [#4018](https://github.com/home-assistant/home-assistant-polymer/pull/4018) @iantrich
|
||||
- ⚠️ revert Lovelace selectable text [#4095](https://github.com/home-assistant/home-assistant-polymer/pull/4095) @iantrich
|
||||
- 🔧 [alarm panel card]: Visual accessibility changes [#3991](https://github.com/home-assistant/home-assistant-polymer/pull/3991) @mr-awk
|
||||
- 🔧 [entities card]: Fix media row secondary info [#3957](https://github.com/home-assistant/home-assistant-polymer/pull/3957) @iantrich
|
||||
- 🔧 [light card]: Fix name wrapping [#3972](https://github.com/home-assistant/home-assistant-polymer/pull/3972) @shbatm
|
||||
- 🔧 [map card]: Fix zone icon visibility [#4085](https://github.com/home-assistant/home-assistant-polymer/pull/4085) @springstan
|
||||
- 📣 [Markdown card]: Add default text to card editor [#3960](https://github.com/home-assistant/home-assistant-polymer/pull/3960) @akargl
|
||||
|
||||
## Changes in 0.100.0
|
||||
- ❤️ [picture glance card]: New configuration `tap_action` and `hold_action` for `entities` [#3807](https://github.com/home-assistant/home-assistant-polymer/pull/3807) @iantrich
|
||||
- ❤️ [entities card]: New configuration `image` for `entities` [#3832](https://github.com/home-assistant/home-assistant-polymer/pull/3832) @iantrich
|
||||
- ❤️ [entity filter card]: Support for operators in `state_filter` and individual `state_filter` option for `entitites` [#3692](https://github.com/home-assistant/home-assistant-polymer/pull/3692) @iantrich
|
||||
- ❤️ [light card]: New configuration `icon` [#3771](https://github.com/home-assistant/home-assistant-polymer/pull/3771) @iantrich
|
||||
- ❤️ [picture entity card]: UI Editor [#3708](https://github.com/home-assistant/home-assistant-polymer/pull/3708) @iantrich
|
||||
- ❤️ [picture glance card]: UI Editor [#3709](https://github.com/home-assistant/home-assistant-polymer/pull/3709) @iantrich
|
||||
- ❤️ [history graph card]: UI Editor [#3782](https://github.com/home-assistant/home-assistant-polymer/pull/3782) @iantrich
|
||||
- ❤️ Add `state_filter` to picture cards [#3791](https://github.com/home-assistant/home-assistant-polymer/pull/3791) @iantrich
|
||||
- ❤️ Add a setting for vibration [#3813](https://github.com/home-assistant/home-assistant-polymer/pull/3813) @bramkragten
|
||||
- ❤️ New Action `url` [#3773](https://github.com/home-assistant/home-assistant-polymer/pull/3773) @iantrich
|
||||
- 📣 Add support for panels to cast [#3796](https://github.com/home-assistant/home-assistant-polymer/pull/3796) @bramkragten
|
||||
- 📣 Allow for user text selection (Android Chrome not supported) [#3605](https://github.com/home-assistant/home-assistant-polymer/pull/3605) @iantrich
|
||||
- ⚠️ Switch paper-toggle-button to mwc-switch [#3683](https://github.com/home-assistant/home-assistant-polymer/pull/3683) @iantrich
|
||||
- 🔧 [map card]: Align background with tiles [#3858](https://github.com/home-assistant/home-assistant-polymer/pull/3858) @bramkragten
|
||||
- 🔧 [map card]: Fix dark switch for map card editor [#3856](https://github.com/home-assistant/home-assistant-polymer/pull/3856) @bramkragten
|
||||
- 🔧 [views]: Guard for null badges [#3841](https://github.com/home-assistant/home-assistant-polymer/pull/3841) @bramkragten
|
||||
|
||||
## Changes in 0.99.0
|
||||
- ❤️ [glance card]: New configuration `show_last_changed` for `entities`
|
||||
- ❤️ [glance card]: New configuration `image` for `entities`
|
||||
- ❤️ [views]: New configuration `image` for `badges`
|
||||
- ❤️ [views]: New configuration `icon` for `badges`
|
||||
- ❤️ [views]: New configuration `name` for `badges`
|
||||
- 📣 Unused entities: Rewritten into a table view
|
||||
- 📣 Unused entities: Add entities to Lovelace cards
|
||||
- 📣 Lovelace background settings moved to theme `--lovelace-background`
|
||||
- 📣 Haptic feedback support added
|
||||
- 📣 Vibrate support added
|
||||
- 📣 MDI icons updated to [4.3.95](https://cdn.materialdesignicons.com/4.3.95/)
|
||||
- ⚠️ Only allow admins to edit UI configuration
|
||||
- 🔧 [alarm panel card]: Handle keyboard input
|
||||
- 🔧 [alarm panel card]: Show `friendly_name` if set
|
||||
- 🔧 [entities card]: Properly show "unavailable" timestamps
|
||||
- 🔧 [entity filter card]: Throttle updates for performance
|
||||
- 🔧 [light card]: Replace jQuery sliders
|
||||
- 🔧 [light card]: Move brightness below icon
|
||||
- 🔧 [map card]: Update preview when configuration changes
|
||||
- 🔧 [Markdown card]: Don't allow SVG by default
|
||||
- 🔧 Filter null badges
|
||||
- 🔧 Render an overlay on light cards when the light is unavailable
|
||||
- 🔧 Break long strings in notifications
|
||||
|
||||
## Changes in 0.88.0
|
||||
- ❤️ Theming: New CSS card style `ha-card-box-shadow` ([#2855](https://github.com/home-assistant/home-assistant-polymer/pull/2855))
|
||||
- 📣 Disable toast notifications for successful operations ([#2700](https://github.com/home-assistant/home-assistant-polymer/pull/2822))
|
||||
- 📣 Color Picker: Toggleable between segmented and continuous ([#2806](https://github.com/home-assistant/home-assistant-polymer/pull/2806))
|
||||
- 🔧 Fix login issue on Firefox ([#2860](https://github.com/home-assistant/home-assistant-polymer/pull/2860))
|
||||
- 🔧 [light card]: Fix click events ([#2850](https://github.com/home-assistant/home-assistant-polymer/pull/2850))
|
||||
|
||||
## Changes in 0.87.0
|
||||
- ❤️ Theming: New CSS card style `ha-card-border-radius`
|
||||
- ❤️ Theming: New CSS card style `ha-card-background`
|
||||
- ❤️ New system-health card in dev-info
|
||||
- 📣 MDI icons updated to [3.3.92](https://cdn.materialdesignicons.com/3.3.92/)
|
||||
- 📣 UI Editor: YAML syntax support
|
||||
- 📣 UI Editor: Line numbers
|
||||
- 📣 UI Editor: Now supports columns on wide screens
|
||||
- 📣 Notifications: Indicator updated to show count of pending notifications
|
||||
- 📣 [thermostat card]: more-info button added
|
||||
- 📣 [light card]: more-info button added
|
||||
- 🔧 [thermostat card]: Fix slider
|
||||
- 🔧 Groups are now togglable
|
||||
|
||||
## Changes in 0.86.0
|
||||
- ❤️ Lovelace is now the default UI for Home Assistant!
|
||||
- ❤️ New Lovelace [demos](https://demo.home-assistant.io/#/lovelace/0) page
|
||||
- 🔧 [thermostat card]: Fix sizing
|
||||
- 🔧 [gauge card]: Fix sizing
|
||||
- 🔧 [iframe card]: Fix card size
|
||||
|
||||
|
||||
## Changes in 0.85.1
|
||||
- 🔧 UI Editor: Fix removal of `resources` on save
|
||||
- 🔧 Auto-gen correctly converts weblink entities to [weblink row]
|
||||
- 🔧 The [weblink row] opens links in new tabs
|
||||
|
||||
## Changes in 0.85.0
|
||||
- ❤️ [map card]: New configuration `geo_location_sources`
|
||||
- ❤️ UI Editor for [picture card]
|
||||
- ❤️ UI Editor for [weather forecast card]
|
||||
- ❤️ UI Editor for [plant status card]
|
||||
- ❤️ UI Editor for [media control card]
|
||||
- ❤️ UI Editor for [iframe card]
|
||||
- ❤️ UI Editor for [sensor card]
|
||||
- ❤️ UI Editor for [shopping list card]
|
||||
- ❤️ UI Editor for [light card]
|
||||
- ❤️ UI Editor for [gauge card]
|
||||
- ❤️ UI Editor for [Markdown card]
|
||||
- ❤️ UI Editor for [alarm panel card]
|
||||
- ❤️ UI Editor for [thermostat card]
|
||||
- ❤️ UI Editor for [entity button card]
|
||||
- ❤️ UI Editor for [map card]
|
||||
- 📣 [alarm panel card]: Hide keypad if `code_format` attribute is not "Number"
|
||||
- 📣 [alarm panel card]: Hide code input field if `code_format` attribute is not set
|
||||
- 🔧 [thermostat card] Step logic updated to match more-info behavior
|
||||
- 🔧 [weather forecast card] Proper RTL support
|
||||
- 🔧 [thermostat card] Set minimum height of card
|
||||
- 🔧 Fix incorrect state display being cached
|
||||
- 🔧 Fix `service-button` element `service_data` usage
|
||||
- 🔧 Fix `picture-elements` element positioning to account for card title
|
||||
- 🔧 Fix undefined [plant status card]/[weather forecast card]
|
||||
|
||||
|
||||
## Changes in 0.84.0
|
||||
|
||||
### Breaking Changes
|
||||
- ⚠️ [views]: Renamed `id` to `path`
|
||||
- ⚠️ `sensor_data`: `entity` is no longer passed as `entity_id` to service call and must be explicitly set
|
||||
- ⚠️ [sensor card]: Removed configs `height`, `line_color` and `line_width`
|
||||
- ⚠️ [gauge card]: Renamed configuration `title` to `name`
|
||||
- ⚠️ [alarm panel card]: Renamed configuration `title` to `name`
|
||||
- ⚠️ [glance card]: `tap_action` and `hold_action` configurations changed. See documentation.
|
||||
- ⚠️ [entity button card]: `tap_action` and `hold_action` configurations changed. See documentation.
|
||||
- ⚠️ [picture card]: `tap_action` and `hold_action` configurations changed. See documentation.
|
||||
- ⚠️ [picture elements card]: `tap_action` and `hold_action` configurations for elements changed. See documentation.
|
||||
- ⚠️ [picture entity card]: `tap_action` and `hold_action` configurations changed. See documentation.
|
||||
- ⚠️ [picture glance card]: `tap_action` and `hold_action` configurations changed. See documentation.
|
||||
|
||||
### All Changes
|
||||
- ❤️ [weather forecast card]: New configuration `name`
|
||||
- ❤️ [thermostat card]: New configuration `name`
|
||||
- ❤️ [plant status card]: New configuration `name`
|
||||
- ❤️ [picture elements card]: Added `state_image` and `camera_image`
|
||||
- 📣 [entities card]: Alert entity rows are now displayed as toggles
|
||||
- 📣 Ability to generate a Lovelace configuration if not present using available entities
|
||||
- 📣 UI Editor now in Beta with support for adding/removing views/cards
|
||||
- 🔧 [map card]: Fix `aspect_ratio`
|
||||
- 🔧 Fix Tap/Hold actions on Windows 10 machines with touchscreens
|
||||
|
||||
## Changes in 0.83.0
|
||||
- ❤️ New card type: `shopping-list`
|
||||
|
||||
## Changes in 0.82.0
|
||||
- ❤️ New card type: `light`
|
||||
- ❤️ Alpha release of UI Editor
|
||||
- ❤️ [entities card]: New `theme` option
|
||||
- ❤️ [gauge card]: New `theme` option
|
||||
- ❤️ [light card]: New `theme` option
|
||||
- ❤️ [thermostat card]: New `theme` option
|
||||
- 🔧 `!secret` and `!include` usage restored for manual editing, but are not supported with the UI editor
|
||||
|
||||
## Changes in 0.81.0
|
||||
- ❤️ New card type: `alarm-panel`
|
||||
- ❤️ New card type: `thermostat`
|
||||
- ❤️ New card type: `entity-button`
|
||||
- ❤️ [glance card]: New `theme` option
|
||||
- ❤️ [glance card]: New `columns` option
|
||||
- ❤️ [entity button card]: New `theme` option
|
||||
- 📣 Long press is now supported
|
||||
- 📣 Update to allow the use of Custom UI. If you run into issues please disable Custom UI and test before reporting them. If the issue goes away without Custom UI please report this to the Custom UI developer as this is not officially supported.
|
||||
|
||||
## Changes in 0.80.0
|
||||
- ❤️ New card type: `sensor`
|
||||
- ❤️ New card type: `gauge`
|
||||
|
||||
## Changes in 0.77.0
|
||||
- ❤️ New notification drawer
|
||||
|
||||
## Changes in 0.75.0
|
||||
|
||||
### Breaking changes
|
||||
- ⚠️ [glance card]: `turn-on` replaced with `call-service`
|
||||
|
||||
### All changes
|
||||
- ❤️ New card type: `conditional-card` (Drop your [entity filter card] hacks)
|
||||
- 📣 Add support for CSS imports
|
||||
- 📣 [picture glance card]: Add support for custom icons
|
||||
- 📣 [picture entity card]: Supports hiding name and/or state
|
||||
- ⚠️ [glance card]: `turn-on` replaced with `call-service`
|
||||
- 📣 [glance card]: Allow selectively empty names
|
||||
- 📣 [picture elements card]: `state-label` now supports prefix and suffix
|
||||
- 📣 [entities card]: Row dividers
|
||||
- 📣 [entities card] and [glance card]: Custom icons support
|
||||
- 📣 [entities card]: Add call service support to the rows
|
||||
- 🔧 [entities card]: Climate entities row available again
|
||||
- 🔧 [entities card]: Automation and vacuum are again toggleable
|
||||
- 🔧 [entities card]: Weblinks now work
|
||||
- 🔧 [entities card]: Groups as toggleable entities fix
|
||||
- 🔧 [entities card]: Fixed toggleable state when entity unavailable
|
||||
- 🔧 [entities card]: Fix header toggle for entity objects
|
||||
- 🔧 [history graph card]: Fix cache of image between views
|
||||
|
||||
## Changes in 0.74.0
|
||||
- 📣 [Lovelace card gallery](https://www.awesome-ha.com/)
|
||||
- 🔧 Async communication improvements
|
||||
|
||||
### Views
|
||||
- 📣 Allow views with badges and no cards
|
||||
- 📣 Add basic support for `badges` like in old view style
|
||||
- 🔧 Custom cards now work with `panel: true`
|
||||
|
||||
### Cards
|
||||
- 📣 [picture elements card]: Allow custom elements including custom cards
|
||||
- 📣 [entities card]: Separate row entity elements, and add `secondary_info`
|
||||
- 📣 [glance card]: Make column width configurable
|
||||
- 📣 [glance card]: Entity `tap_action` can now be `toggle` and `turn-on` besides the default of showing the more info dialog
|
||||
- 📣 [glance card]: Support added to hide `name` or `state`
|
||||
- 📣 [history graph card]: Support added to override entity names
|
||||
- 📣 [picture glance card]: Support added to open the more info dialog for cameras and media players.
|
||||
- 📣 [picture elements card]: Support new element type `image`
|
||||
- 📣 [picture elements card]: Support new element type `service-icon`
|
||||
- 🔧 [entity filter card]: Fix edge cases that could make it crash ([supports this new use case](https://github.com/home-assistant/ui-schema/issues/82))
|
||||
- 🔧 [picture glance card]: Fix crash when the state of entity was unavailable
|
||||
- 🔧 [picture glance card]: Use custom off states
|
||||
- 🔧 [picture glance card]: Fixed to work again with [entity filter card]
|
||||
- 🔧 Removed `text-transform: capitalize;` from card heading
|
||||
|
||||
## Changes in 0.73.1
|
||||
|
||||
- 📣 Setting Lovelace as default now updates `Overview` button to point to `/lovelace`
|
||||
- 📣 Allow setting background styles (global and per view)
|
||||
|
||||
### Cards
|
||||
|
||||
- ❤️ New card type: `map` that allows showing `device_tracker` entities on a map card
|
||||
- 📣 [entities card] card now support `type: custom:state-card-custom` for the entities list
|
||||
|
||||
## Changes in 0.73.0
|
||||
|
||||
### Views
|
||||
|
||||
- 📣 New button to show unused entities in Lovelace
|
||||
|
||||
## Changes in 0.73.0b4
|
||||
|
||||
### Cards
|
||||
|
||||
- 📣 [picture entity card] allow hiding of infobar using `show_info: false`
|
||||
- 📣 [picture entity card] now supports `tap_action` parameter allowing you to switch from `on`/`off` to `more-info-dialog`
|
||||
- 📣 [picture glance card] now supports `navigation_path`
|
||||
- ⚠️ [picture entity card] renamed `title` to `name`
|
||||
- ⚠️ [picture elements card] renamed `path` to `navigation_path`
|
||||
- ⚠️ `camera-preview` card removed, features added to [picture entity card] and [picture glance card]
|
||||
|
||||
## Changes in 0.73.0b3
|
||||
|
||||
### Views
|
||||
|
||||
- 📣 Added panel mode for a view to use the 1st card to fill the whole screen
|
||||
|
||||
### Cards
|
||||
|
||||
- ❤️ New card: `picture` for triggering navigation and services
|
||||
- 📣 [picture elements card] now supports `navigation` type
|
||||
- 📣 [picture entity card] now supports `camera_image`
|
||||
- 📣 [picture glance card] now supports `camera_image`
|
||||
- 📣 [picture glance card] now supports `state_image` and `entity` like [picture entity card]
|
||||
- 📣 [entity filter card] now supports custom name for entities like `glance` and [entities card]
|
||||
- ⚠️ [entities card] and `glance` custom titles now use `name` not `title`
|
||||
- ⚠️ [entity filter card] now uses [entities card] as a static list to filter state against
|
||||
- ⚠️ [entity filter card] uses `state_filter` array instead of `filter` object
|
||||
- ⚠️ [entity filter card] no longer allows to show all entities or a full domain
|
||||
- 🔧 Fix wrapping and padding for `service-button` in [picture elements card]
|
||||
|
||||
## Changes in 0.73.0b1
|
||||
|
||||
### Cards
|
||||
|
||||
- ⚠️ `column` renamed to `vertical-stack`
|
||||
- ⚠️ `row` renamed to `horizontal-stack`
|
||||
- ⚠️ [picture elements card] renamed `state-badge` to `state-icon`
|
||||
- ⚠️ [picture elements card] renamed `state-text` to `state-label`
|
||||
- ⚠️ [picture elements card] moved/renamed `service.data` to `service_data`
|
||||
- 📣 [picture elements card] new `state-badge` using `ha-state-label-badge`
|
||||
- 📣 [picture elements card] combined `service.domain` and `service.server` into `service`
|
||||
- 📣 [entities card] allow custom title just like `glance`
|
||||
- 📣 [entity filter card] allow auto-hide if empty using `show_empty: false`
|
||||
- 🔧 Fix card size calculation `horizontal-stack`/`vertical-stack`
|
||||
|
||||
## Changes in 0.73.0b0
|
||||
|
||||
- 📣 New feature to allow Lovelace to be default for `/`
|
||||
|
||||
### Views
|
||||
|
||||
- 📣 Now views have deep-links: `/lovelace/3` will link to the tab with id `3`
|
||||
- ⚠️ `name` renamed `title` to match cards setup
|
||||
- ⚠️ `tab_icon` renamed `icon` for simplicity
|
||||
|
||||
### Cards
|
||||
|
||||
- ❤️ New card: [picture elements card]
|
||||
- ❤️ New card: `column`
|
||||
- ❤️ New card: `row`
|
||||
- 📣 `glance` allow custom title for entities - rename your entity only in this card
|
||||
- 📣 [entities card] toggle button in a header can now be hidden using `show_header_toggle: false`
|
||||
- ⚠️ `entity-picture` renamed [picture entity card] to be consistent with [picture glance card]
|
||||
- ⚠️ [entity filter card] removed `card_config` and made `card` property an object
|
||||
- 🔧 Fix use of groups in [picture entity card]
|
||||
- 🔧 Fix the title in `glance` to avoid overlapping
|
||||
|
||||
## Changes in 0.72.1
|
||||
|
||||
### Cards
|
||||
|
||||
- 🐞 Bug introduced in `glance` card - titles now overlap
|
||||
- ❤️ New card: `iframe`
|
||||
|
||||
## Changes in 0.72
|
||||
|
||||
- ❤️ Initial release of the Lovelace UI
|
||||
|
||||
[views]: /lovelace/views/
|
||||
[alarm panel card]: /lovelace/alarm-panel/
|
||||
[conditional card]: /lovelace/conditional/
|
||||
[entities card]: /lovelace/entities/
|
||||
[entity button card]: /lovelace/entity-button/
|
||||
[entity filter card]: /lovelace/entity-filter/
|
||||
[gauge card]: /lovelace/gauge/
|
||||
[glance card]: /lovelace/glance/
|
||||
[history graph card]: /lovelace/history-graph/
|
||||
[horizontal stack card]: /lovelace/horizontal-stack/
|
||||
[iframe card]: /lovelace/iframe/
|
||||
[light card]: /lovelace/light/
|
||||
[map card]: /lovelace/map/
|
||||
[markdown card]: /lovelace/markdown/
|
||||
[media control card]: /lovelace/media-control/
|
||||
[picture elements card]: /lovelace/picture-elements/
|
||||
[picture entity card]: /lovelace/picture-entity/
|
||||
[picture glance card]: /lovelace/picture-glance/
|
||||
[picture card]: /lovelace/picture/
|
||||
[plant status card]: /lovelace/plant-status/
|
||||
[sensor card]: /lovelace/sensor/
|
||||
[shopping list card]: /lovelace/shopping-list/
|
||||
[thermostat card]: /lovelace/thermostat/
|
||||
[vertical stack card]: /lovelace/vertical-stack/
|
||||
[weather forecast card]: /lovelace/weather-forecast/
|
||||
|
||||
[weblink row]: /lovelace/entities/#weblink
|
||||
@ -1,11 +1,11 @@
|
||||
---
|
||||
title: "Dashboards"
|
||||
description: "The Lovelace UI is a powerful and configurable interface for Home Assistant."
|
||||
description: "A powerful and configurable interface for Home Assistant."
|
||||
---
|
||||
|
||||
You can define multiple dashboards in Lovelace. Each dashboard can be added to the sidebar. This makes it possible to create separate control dashboards for each individual part of your house.
|
||||
You can define multiple dashboards in Home Assistant. Each dashboard can be added to the sidebar. This makes it possible to create separate control dashboards for each individual part of your house.
|
||||
|
||||
You can manage your dashboards via the user interface. Go to **Configuration** -> **Lovelace Dashboards**. Here you can see all defined dashboards and create new ones.
|
||||
You can manage your dashboards via the user interface. Go to **Configuration** -> **Dashboards**. Here you can see all defined dashboards and create new ones.
|
||||
|
||||
## Using YAML for the default dashboard
|
||||
|
||||
@ -21,13 +21,13 @@ A good way to start this file is to copy and paste the "Raw configuration" from
|
||||
- Click `Overview` in your sidebar.
|
||||
- Click the three dots menu (top-right) and click on `Edit Dashboard`.
|
||||
- Click the three dots menu again and click on `Raw configuration editor`.
|
||||
- There you see the configuration for your current Lovelace UI. Copy that into the `<config>/ui-lovelace.yaml` file.
|
||||
- There you see the configuration for your current dashboard. Copy that into the `<config>/ui-lovelace.yaml` file.
|
||||
|
||||
Once you take control of your UI via YAML, the Home Assistant interface for modifying it won't be available anymore and new entities will not automatically be added to your UI.
|
||||
|
||||
When you make changes to `ui-lovelace.yaml`, you don't have to restart Home Assistant or refresh the page. Just hit the refresh button in the menu at the top of the UI.
|
||||
|
||||
To revert back to using the UI to edit your Lovelace interface, remove the `lovelace` section from your `configuration.yaml` and copy the contents of your `ui-lovelace.yaml` into the raw configuration section of Home Assistant and restart.
|
||||
To revert back to using the UI to edit your dashboard, remove the `lovelace` section from your `configuration.yaml` and copy the contents of your `ui-lovelace.yaml` into the raw configuration section of Home Assistant and restart.
|
||||
|
||||
## Adding more dashboards with YAML
|
||||
|
||||
@ -36,7 +36,7 @@ It is also possible to use YAML to define multiple dashboards. Each dashboard wi
|
||||
```yaml
|
||||
lovelace:
|
||||
mode: yaml
|
||||
# Include external resources only add when mode is yaml, otherwise manage in the resources in the lovelace configuration panel.
|
||||
# Include external resources only add when mode is yaml, otherwise manage in the resources in the dashboard configuration panel.
|
||||
resources:
|
||||
- url: /local/my-custom-card.js
|
||||
type: module
|
||||
@ -76,11 +76,11 @@ lovelace:
|
||||
{% configuration Lovelace %}
|
||||
mode:
|
||||
required: true
|
||||
description: "In what mode should the main Lovelace panel be, `yaml` or `storage` (UI managed)."
|
||||
description: "In what mode should the main dashboard be, `yaml` or `storage` (UI managed)."
|
||||
type: string
|
||||
resources:
|
||||
required: false
|
||||
description: "List of resources that should be loaded when you use Lovelace. Only use this when mode is `yaml`. If you change anything here, click the three dots menu (top-right) and click on `Reload resources` for Lovelace to pick up changes without restarting Home Assistant. You can also call `lovelace.reload_resources` service directly."
|
||||
description: "List of resources that should be loaded. Only use this when mode is `yaml`. If you change anything here, click the three dots menu (top-right) and click on `Reload resources` to pick up changes without restarting Home Assistant. You can also call `lovelace.reload_resources` service directly."
|
||||
type: list
|
||||
keys:
|
||||
url:
|
||||
@ -93,16 +93,16 @@ resources:
|
||||
type: string
|
||||
dashboards:
|
||||
required: false
|
||||
description: Additional Lovelace YAML dashboards. The key is used for the URL and should contain a hyphen (`-`)
|
||||
description: Additional YAML dashboards. The key is used for the URL and should contain a hyphen (`-`)
|
||||
type: map
|
||||
keys:
|
||||
mode:
|
||||
required: true
|
||||
description: "The mode of the dashboard, this should always be `yaml`. Dashboards in `storage` mode can be created in the Lovelace configuration panel."
|
||||
description: "The mode of the dashboard, this should always be `yaml`. Dashboards in `storage` mode can be created in the configuration panel."
|
||||
type: string
|
||||
filename:
|
||||
required: true
|
||||
description: "The file in your `config` directory where the Lovelace configuration for this panel is."
|
||||
description: "The file in your `config` directory where the configuration for this panel is."
|
||||
type: string
|
||||
title:
|
||||
required: true
|
||||
@ -124,7 +124,7 @@ dashboards:
|
||||
default: false
|
||||
{% endconfiguration %}
|
||||
|
||||
As a super minimal example of a Lovelace dashboard config, here's the bare minimum you will need for it to work:
|
||||
As a super minimal example of a dashboard config, here's the bare minimum you will need for it to work:
|
||||
|
||||
```yaml
|
||||
title: My Awesome Home
|
||||
@ -134,9 +134,9 @@ views:
|
||||
cards:
|
||||
# The markdown card will render markdown text.
|
||||
- type: markdown
|
||||
title: Lovelace
|
||||
title: Dashboard
|
||||
content: >
|
||||
Welcome to your **Lovelace UI**.
|
||||
Welcome to your **dashboard**.
|
||||
```
|
||||
|
||||
A slightly more advanced example:
|
||||
@ -188,7 +188,7 @@ views:
|
||||
|
||||
# The markdown card will render markdown text.
|
||||
- type: markdown
|
||||
title: Lovelace
|
||||
title: Dashboard
|
||||
content: >
|
||||
Welcome to your **Lovelace UI**.
|
||||
Welcome to your **dashboard**.
|
||||
```
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
---
|
||||
title: "Headers & Footers for Lovelace cards"
|
||||
description: "Decorate your Lovelace cards with header and footer widgets."
|
||||
title: "Headers & Footers for dashboard cards"
|
||||
description: "Decorate your dashboard cards with header and footer widgets."
|
||||
---
|
||||
|
||||
Some Lovelace cards have support for header and footer widgets. These widgets fill up the whole available space in a card.
|
||||
Some dashboard cards have support for header and footer widgets. These widgets fill up the whole available space in a card.
|
||||
|
||||
<p class='img'><img src='/images/lovelace/header-footer/screenshot-picture-buttons.png' alt="Screenshot of an entities card with a picture header.">
|
||||
Screenshot of an entities card with a picture header and buttons footer.
|
||||
|
||||
@ -1,15 +0,0 @@
|
||||
---
|
||||
title: "How Lovelace Works"
|
||||
description: "Explains how Lovelace works under the hood."
|
||||
---
|
||||
|
||||
The old user interface relied solely on the state machine. This caused trouble as it meant that the state machine was now not only the source for device states, but also for user interface configuration. With Lovelace, we're taking a completely different approach. All user interface configuration will live in a separate file, controlled by the user.
|
||||
|
||||
<p class='img'>
|
||||
<img
|
||||
src='/images/lovelace/lovelace-ui-comparison.png'
|
||||
alt='Diagram showing how states no longer contain UI configuration.'>
|
||||
Visual comparison of old configuration versus new configuration
|
||||
</p>
|
||||
|
||||
<!-- source: https://docs.google.com/drawings/d/1O1o7-wRlnsU1lLgfdtn3s46P5StJjSL5to5RU9SV8zs/edit?usp=sharing -->
|
||||
@ -1,12 +1,12 @@
|
||||
---
|
||||
title: "Lovelace"
|
||||
description: "Lovelace is a powerful and configurable dashboard for Home Assistant."
|
||||
title: "Dashboard"
|
||||
description: "A powerful and configurable dashboard for Home Assistant."
|
||||
---
|
||||
|
||||
Lovelace is the Home Assistant dashboard. It is a fast, customizable and powerful way for users to manage their home using their mobiles and desktops.
|
||||
The Home Assistant dashboard is a fast, customizable and powerful way for users to manage their home using their mobiles and desktops.
|
||||
|
||||
- 29 different cards to place and configure as you like.
|
||||
- Dashboard Editor: Allows you to manage your Lovelace dashboard by including a live preview when editing cards.
|
||||
- Dashboard Editor: Allows you to manage your dashboard by including a live preview when editing cards.
|
||||
- Fast: Using a static configuration allows us to build up the dashboard once.
|
||||
- Customizable:
|
||||
- Cards have a number of options which help to configure your data as required.
|
||||
@ -22,12 +22,12 @@ To start, go to the Home Assistant Overview page, click on the three dots at the
|
||||
|
||||
To try it yourself, check out [the demo](https://demo.home-assistant.io).
|
||||
|
||||
## Discuss Lovelace
|
||||
## Discuss dashboard
|
||||
|
||||
- Suggestions are welcome in the [frontend repository](https://github.com/home-assistant/frontend/)
|
||||
- For help with Lovelace, join the `#frontend` channel on [our chat](/join-chat/) or [our forums](https://community.home-assistant.io/c/projects/frontend)
|
||||
- For help with dashboards, join the `#frontend` channel on [our chat](/join-chat/) or [our forums](https://community.home-assistant.io/c/projects/frontend)
|
||||
|
||||
## Additional Lovelace Resources
|
||||
## Additional Resources
|
||||
|
||||
- [Awesome HA](https://www.awesome-ha.com/#lovelace-user-interface)
|
||||
- [Community Custom Cards](https://github.com/custom-cards)
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
---
|
||||
title: "Views"
|
||||
description: "A Lovelace view is a tab inside a Lovelace dashboard."
|
||||
description: "A view is a tab inside a dashboard."
|
||||
---
|
||||
|
||||
A View is a tab inside a Lovelace dashboard.
|
||||
A View is a tab inside a dashboard.
|
||||
To display cards on the UI you have to define them in views.
|
||||
|
||||
You can add a view to your user interface, by clicking the Lovelace menu (three dots at the top right of the screen) and then **Edit Dashboard**.
|
||||
You can add a view to your user interface, by clicking the menu (three dots at the top right of the screen) and then **Edit Dashboard**.
|
||||
Click the `+` button in the top menu bar.
|
||||
|
||||
<p class="img">
|
||||
@ -185,4 +185,4 @@ View configuration:
|
||||
icon: mdi:bulb
|
||||
- entity: switch.decorative_lights
|
||||
image: /local/lights.png
|
||||
```
|
||||
```
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user