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
Windy weather radar as Webpage.
To add the Webpage card to your user interface, click the menu (three dots at the top right of the screen) and then Edit Dashboard. Click the Add Card button in the bottom right corner and select from the card picker.
All options for this card can be configured via the user interface.
The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.
Forces the height of the image to be a ratio of the width. Valid formats: Height percentage value (
23%) or ratio expressed with colon or “x” separator (
16x9). For a ratio, the second element can be omitted and will default to “1” (
Allow the user to open iframe content links by opening the default browser in the Home Assistant mobile app. It is false by default because it adds allow-top-navigation-by-user-activation on the iframe sandbox attribute which is less secure. So set it to true if you need it and are confident with the iframe content.
type: iframe url: https://grafana.localhost/d/000000027/worldping-endpoint-summary?var-probe=All&panelId=2&fullscreen&orgId=3&theme=light aspect_ratio: 75%