1.9 KiB
| layout | title | description | date | sidebar | comments | sharing | footer | logo | ha_category | ha_release |
|---|---|---|---|---|---|---|---|---|---|---|
| page | Panel iFrame | Instructions how to add iFrames in the frontend of Home Assistant. | 2015-07-17 18:00 | true | false | true | true | home-assistant.png | Front end | 0.25 |
The panel_iframe support allows you to add additional panels to your Home Assistant frontend. The panels are listed in the sidebar and can contain external resources like the web frontend of your router, your monitoring system, or your media server.
If you are accessing home Assistant over HTTPS using SSL, you cannot access HTTP sites through an iframe panel.
To enable Panel iFrames in your installation, add the following to your configuration.yaml file:
# Example configuration.yaml entry
panel_iframe:
router:
title: 'Router'
url: 'http://192.168.1.1'
fridge:
title: 'Fridge'
url: 'http://192.168.1.5'
otherapp:
title: 'Other App'
url: '/otherapp'
{% configuration %}
panel_iframe:
description: Enables the panel_iframe component. Only allowed once.
required: true
type: map
keys:
panel_name:
description: Name of the panel. Only allowed once.
required: true
type: map
keys:
title:
description: Friendly title for the panel. Will be used in the sidebar.
required: true
type: string
url:
description: The absolute URL or relative URL with an absolute path to open.
required: true
type: string
icon:
description: Icon for entry. Pick an icon that you can find on materialdesignicons.com to use for your input and prefix the name with mdi:. For example mdi:car, mdi:ambulance, or mdi:motorbike.
required: false
type: string
{% endconfiguration %}