jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-13 12:26:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

:spencil2: Lovelace spelling & grammar fixes

Browse Source
This commit is contained in:
Franck Nijhof 2018-07-09 21:42:11 +02:00
parent fc01fd4609
commit 3f08d48c00
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
13 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
source/_lovelace/glance.markdown
View File

@ -10,7 +10,7 @@ sharing: true
footer: 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'> <p class='img'>
<img src='/images/lovelace/lovelace_glance_card.png' alt='Screenshot of the glance card'> <img src='/images/lovelace/lovelace_glance_card.png' alt='Screenshot of the glance card'>
@ -50,7 +50,7 @@ name:
## {% linkable_title Examples %} ## {% linkable_title Examples %}
Basic example Basic example:
```yaml ```yaml
- type: glance - type: glance
@ -70,7 +70,7 @@ Basic example
Screenshot of the glance card with custom title. Screenshot of the glance card with custom title.
</p> </p>
Example with custom name Example with a custom name:
```yaml ```yaml
- type: glance - type: glance

2
source/_lovelace/horizontal-stack.markdown
View File

@ -10,7 +10,7 @@ sharing: true
footer: 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 %} ## {% linkable_title Options %}

6
source/_lovelace/iframe.markdown
View File

@ -2,7 +2,7 @@
layout: page layout: page
title: "iFrame Card" title: "iFrame Card"
sidebar_label: iFrame 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 date: 2018-07-01 10:28 +00:00
sidebar: true sidebar: true
comments: false comments: false
@ -17,7 +17,7 @@ Iframe cards are useful to embed outside websites in your dashboard with little
Screenshot of the iframe card. Screenshot of the iframe card.
</p> </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 %} ## {% linkable_title Options %}
@ -50,7 +50,7 @@ title:
aspect_ratio: 100% 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 ```yaml
- type: iframe - type: iframe

2
source/_lovelace/map.markdown
View File

@ -10,7 +10,7 @@ sharing: true
footer: 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'> <p class='img'>
<img src='/images/lovelace/lovelace_map_card.png' alt='Screenshot of the map card'> <img src='/images/lovelace/lovelace_map_card.png' alt='Screenshot of the map card'>

2
source/_lovelace/markdown.markdown
View File

@ -10,7 +10,7 @@ sharing: true
footer: 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'> <p class='img'>
<img src='/images/lovelace/lovelace_markdown.png' alt='Screenshot of the markdown card'> <img src='/images/lovelace/lovelace_markdown.png' alt='Screenshot of the markdown card'>

4
source/_lovelace/picture-entity.markdown
View File

@ -2,7 +2,7 @@
layout: page layout: page
title: "Picture Entity Card" title: "Picture Entity Card"
sidebar_label: Picture Entity 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 date: 2018-07-01 10:28 +00:00
sidebar: true sidebar: true
comments: false comments: false
@ -10,7 +10,7 @@ sharing: true
footer: 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. 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.

10
source/_lovelace/picture-glance.markdown
View File

@ -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. 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. 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 | navigation_path | string | Optional | Path of URL to use in navigation
| camera_image | string | Optional | camera domain entity_id 'camera.demo_camera' | camera_image | string | Optional | camera domain entity_id 'camera.demo_camera'
| state_image | object | Optional| See `state_image` object structure. | state_image | object | Optional| See `state_image` object structure.
| entity | list | Optional | An entity to use for state_image state | entity | list | Optional | An entity to use for state_image state.
| title | string | Optional | Card title | title | string | Optional | Card title.
`state_image` object structure `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. | off | string | Optional | URL of an image used for off state.
| home | string | Optional | URL of an image used for home 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. | 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 %} ## {% linkable_title Examples %}

1
source/_lovelace/picture.markdown
View File

@ -54,7 +54,6 @@ entity_id:
type: string type: string
{% endconfiguration %} {% endconfiguration %}
## {% linkable_title Examples %} ## {% linkable_title Examples %}
Basic navigation example: Basic navigation example:

4
source/_lovelace/vertical-stack.markdown
View File

@ -27,7 +27,7 @@ cards:
## {% linkable_title Example %} ## {% linkable_title Example %}
Basic example Basic example:
```yaml ```yaml
- type: vertical-stack - type: vertical-stack
@ -45,7 +45,7 @@ Basic example
Screenshot of the vertical stack card. Screenshot of the vertical stack card.
</p> </p>
Example using both a vertical and horizontal stack card. Example using both a vertical and horizontal stack card:
```yaml ```yaml
- type: vertical-stack - type: vertical-stack

3
source/_lovelace/weather-forecast.markdown
View File

@ -10,7 +10,7 @@ sharing: true
footer: 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'> <p class='img'>
<img src='/images/lovelace/lovelace_weather.png' alt='Screenshot of the weather card'> <img src='/images/lovelace/lovelace_weather.png' alt='Screenshot of the weather card'>
@ -30,7 +30,6 @@ entity:
type: string type: string
{% endconfiguration %} {% endconfiguration %}
{% linkable_title Example %} {% linkable_title Example %}
```yaml ```yaml