home-assistant.io/source/_integrations/panel_iframe.markdown

2.0 KiB

title description ha_category ha_release ha_quality_scale ha_codeowners ha_domain ha_integration_type
iframe Panel Instructions on how to add iFrames in the frontend of Home Assistant.
Front End
0.25 internal
@home-assistant/frontend
panel_iframe integration

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"
    icon: mdi:fridge
  otherapp:
    title: "Other App"
    url: "/otherapp"
    require_admin: true

{% configuration %} panel_iframe: description: Enables the panel_iframe integration. 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. required: false type: icon require_admin: description: If admin access is required to see this iframe. required: false type: boolean default: false {% endconfiguration %}

Do not create one that is named lovelace it will overwrite existing Dashboards, causing it to never load.