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-05-25 20:36:50 +00:00
Code Issues Packages Projects Releases Wiki Activity
home-assistant.io/source/_lovelace/iframe.markdown
Sean Mooney dad4a22e4f
Add UI setup instructions to Lovelace card pages (#15155) 
Co-authored-by: Franck Nijhof <git@frenck.dev>
2020-10-10 13:55:56 +02:00

1.5 KiB
Raw Blame History

title, sidebar_label, description
title sidebar_label description
Webpage Card Webpage The Webpage card allows you to embed your favorite webpage right into Home Assistant.

The Webpage card allows you to embed your favorite webpage right into Home Assistant. You can also embed files stored in your <config-directory>/www folder and reference them using /local/<file>.

You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.

Windy weather radar as Webpage Windy weather radar as Webpage.

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 plus 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: required: true description: iframe type: string url: required: true description: Website URL. type: string aspect_ratio: required: false description: Height-width-ratio. type: string default: "50%" title: required: false description: The card title. type: string {% endconfiguration %}

Examples

The card can also be configured using YAML, some examples below:

type: iframe
url: https://grafana.localhost/d/000000027/worldping-endpoint-summary?var-probe=All&panelId=2&fullscreen&orgId=3&theme=light
aspect_ratio: 75%