mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-27 19:26:50 +00:00
:spencil2: Lovelace spelling & grammar fixes
This commit is contained in:
Franck Nijhof
parent
fc01fd4609
commit
3f08d48c00
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
This card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home.
|
||||
This card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home.
|
||||
|
||||
This type of card can also be used together with rest of cards that allow multiple entities, allowing you to use [glance](/lovelace/glance/) or [picture-glance](/lovelace/picture-glance/). By default it uses [entities](/lovelace/entities/) card model.
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
Glance cards are a very compact. Very useful to group together multiple sensors for a quick and easy to use view. Keep in mind that this can be used together with [entity-filter](/lovelace/entity-filter/) cards to create dynamic cards.
|
||||
Glance cards are very compact. Very useful to group together multiple sensors for a quick and easy overview. Keep in mind that this can be used together with [entity-filter](/lovelace/entity-filter/) cards to create dynamic cards.
|
||||
|
||||
<p class='img'>
|
||||
<img src='/images/lovelace/lovelace_glance_card.png' alt='Screenshot of the glance card'>
|
||||
@ -50,7 +50,7 @@ name:
|
||||
|
||||
## {% linkable_title Examples %}
|
||||
|
||||
Basic example
|
||||
Basic example:
|
||||
|
||||
```yaml
|
||||
- type: glance
|
||||
@ -70,7 +70,7 @@ Basic example
|
||||
Screenshot of the glance card with custom title.
|
||||
</p>
|
||||
|
||||
Example with custom name
|
||||
Example with a custom name:
|
||||
|
||||
```yaml
|
||||
- type: glance
|
||||
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
Horizontal stack card will allow you to stack together multiple cards so they always sit next to each other in the space of one column.
|
||||
Horizontal stack card will allow you to stack together multiple cards, so they always sit next to each other in the space of one column.
|
||||
|
||||
## {% linkable_title Options %}
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
layout: page
|
||||
title: "iFrame Card"
|
||||
sidebar_label: iFrame
|
||||
description: "Iframe cards are useful to embed outside websites in your dashboard with little effort. One such example is a grafana view."
|
||||
description: "Iframe cards are useful to embed outside websites in your dashboard with little effort. One such example is a Grafana view."
|
||||
date: 2018-07-01 10:28 +00:00
|
||||
sidebar: true
|
||||
comments: false
|
||||
@ -17,7 +17,7 @@ Iframe cards are useful to embed outside websites in your dashboard with little
|
||||
Screenshot of the iframe card.
|
||||
</p>
|
||||
|
||||
Make sure the URL you're embedding has the right protocol and allows to be embedded in an iframe on a different domain. For example if your Home Assistant setup uses HTTPS you won't be able to embed HTTP URLs.
|
||||
Make sure the URL you're embedding has the right protocol and allows to be embedded in an iframe on a different domain. For example, if your Home Assistant setup uses HTTPS, you won't be able to embed HTTP URLs.
|
||||
|
||||
## {% linkable_title Options %}
|
||||
|
||||
@ -50,7 +50,7 @@ title:
|
||||
aspect_ratio: 100%
|
||||
```
|
||||
|
||||
Local html for custom content. Place `example.html` in your `config/www` folder and reference it as below:
|
||||
Local HTML for custom content. Place `example.html` in your `config/www` folder and reference it as below:
|
||||
|
||||
```yaml
|
||||
- type: iframe
|
||||
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
A card that allows you to display entities on a map
|
||||
A card that allows you to display entities on a map.
|
||||
|
||||
<p class='img'>
|
||||
<img src='/images/lovelace/lovelace_map_card.png' alt='Screenshot of the map card'>
|
||||
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
Markdown card is used to render [markdown](http://commonmark.org/help/)
|
||||
Markdown card is used to render [markdown](http://commonmark.org/help/).
|
||||
|
||||
<p class='img'>
|
||||
<img src='/images/lovelace/lovelace_markdown.png' alt='Screenshot of the markdown card'>
|
||||
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
The media control card is used to display [Media Player](/components/#search/media-player) entities on an interface with easy to use controls.
|
||||
The media control card is used to display [Media Player](/components/#search/media-player) entities on an interface with easy to use controls.
|
||||
|
||||
<p class='img'>
|
||||
<img src='/images/lovelace/lovelace_mediaplayer.png' alt='Screenshot of the media player control card'>
|
||||
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
Picture elements card is one of the most versatile type of cards.
|
||||
Picture elements card is one of the most versatile type of cards.
|
||||
|
||||
The cards allows you to position icons or text and even services! on an image based on coordinates. Imagine floor plan, imagine [picture-glance](/lovelace/picture-glance/) with no restrictions!
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
layout: page
|
||||
title: "Picture Entity Card"
|
||||
sidebar_label: Picture Entity
|
||||
description: "A very useful card for controling entities. By default you will get `more-info-dialog` but using `tap_action` you can directly control entities that have `on`/`off` states."
|
||||
description: "A very useful card for controlling entities. By default, you will get `more-info-dialog` but using `tap_action` you can directly control entities that have `on`/`off` states."
|
||||
date: 2018-07-01 10:28 +00:00
|
||||
sidebar: true
|
||||
comments: false
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
A very useful card for controling entities. By default you will get `more-info-dialog` but using `tap_action` you can directly control entities that have `on`/`off` states. It allows you to generate a very nice looking card with a big touch area, highly recommended for mobile dashboards on small screens.
|
||||
A very useful card for controlling entities. By default, you will get `more-info-dialog` but using `tap_action` you can directly control entities that have `on`/`off` states. It allows you to generate a very nice looking card with a big touch area, highly recommended for mobile dashboards on small screens.
|
||||
|
||||
You can use different image combination to get a more realistic view for images with lights. The image setup also allows enough flexibility to get your garage picture with the door opened and closed.
|
||||
|
||||
|
||||
@ -12,9 +12,9 @@ footer: true
|
||||
|
||||
A very useful type of card that can display sensors, switches, lights and other entities grouped on top of a custom image. Use this card for easy visual recognition inside a large dashboard. You also can add `navigation_path` to take the user to a specific view and use these cards in an overview dashboard.
|
||||
|
||||
What really sets this card apart is the ability to **control** entities directly from the card without the need to open the details of that entity.
|
||||
What sets this card apart is the ability to **control** entities directly from the card without the need to open the details of that entity.
|
||||
|
||||
You can also use `camera` domain entities to use that as image. You can also use `state_image` just like in [picture-entity](/lovelace/picture-entity/) together with an `entity` entry to change the image in a dynamic way.
|
||||
You can also use `camera` domain entities to use that as the image. You can also use `state_image` just like in [picture-entity](/lovelace/picture-entity/) together with an `entity` entry to change the image in a dynamic way.
|
||||
|
||||
Picture glance supports a display of maximum 10 items.
|
||||
|
||||
@ -33,8 +33,8 @@ Screenshot of the picture glance card.
|
||||
| navigation_path | string | Optional | Path of URL to use in navigation
|
||||
| camera_image | string | Optional | camera domain entity_id 'camera.demo_camera'
|
||||
| state_image | object | Optional| See `state_image` object structure.
|
||||
| entity | list | Optional | An entity to use for state_image state
|
||||
| title | string | Optional | Card title
|
||||
| entity | list | Optional | An entity to use for state_image state.
|
||||
| title | string | Optional | Card title.
|
||||
|
||||
`state_image` object structure
|
||||
|
||||
@ -44,7 +44,7 @@ Screenshot of the picture glance card.
|
||||
| off | string | Optional | URL of an image used for off state.
|
||||
| home | string | Optional | URL of an image used for home state.
|
||||
| not_home | string | Optional | URL of an image used for not_home state.
|
||||
| ... | string | Optional | Any state that is supported by the entity works
|
||||
| ... | string | Optional | Any state that is supported by the entity works.
|
||||
|
||||
## {% linkable_title Examples %}
|
||||
|
||||
|
||||
@ -54,7 +54,6 @@ entity_id:
|
||||
type: string
|
||||
{% endconfiguration %}
|
||||
|
||||
|
||||
## {% linkable_title Examples %}
|
||||
|
||||
Basic navigation example:
|
||||
|
||||
@ -27,7 +27,7 @@ cards:
|
||||
|
||||
## {% linkable_title Example %}
|
||||
|
||||
Basic example
|
||||
Basic example:
|
||||
|
||||
```yaml
|
||||
- type: vertical-stack
|
||||
@ -45,7 +45,7 @@ Basic example
|
||||
Screenshot of the vertical stack card.
|
||||
</p>
|
||||
|
||||
Example using both a vertical and horizontal stack card.
|
||||
Example using both a vertical and horizontal stack card:
|
||||
|
||||
```yaml
|
||||
- type: vertical-stack
|
||||
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
Weather forecast is a card to display the weather. Very useful to include on interfaces that people display on the wall.
|
||||
The weather forecast is a card to display the weather. Very useful to include on interfaces that people display on the wall.
|
||||
|
||||
<p class='img'>
|
||||
<img src='/images/lovelace/lovelace_weather.png' alt='Screenshot of the weather card'>
|
||||
@ -30,7 +30,6 @@ entity:
|
||||
type: string
|
||||
{% endconfiguration %}
|
||||
|
||||
|
||||
{% linkable_title Example %}
|
||||
|
||||
```yaml
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user