Comments on: Home Assistant Custom Panels

By: (zane) / Technically Wizardry

(zane) / Technically Wizardry — Tue, 16 Feb 2021 17:51:16 +0000

In reply to Sjorsa.

I’m still using this code. In my experience, the error you described appears when you have not set up the appropriate source file, as described earlier in the post, for `custom-iframe.html`. If HA cannot find the necessary implicit filenames (see the section of the post: “How it Works”), it looks for explicit definitions and then throws this error.

By: Sjorsa

Sjorsa — Fri, 12 Feb 2021 14:09:00 +0000

Hello, when copying your grafana example I get this error: Unable to register panel Grafana: Either js_url, module_url or html_url is required.
When I add my grafana URL as html_url, either below config: or below panel_custom: it also doesnt work. Have there been some breaking changes on this?

By: (zane) / Technically Wizardry

(zane) / Technically Wizardry — Mon, 26 Oct 2020 19:10:05 +0000

In reply to Hugo.

Thanks.

Sounds like you’re looking for the HA RESTful command.

That said, I would consider using a more standard IOT protocol for your interactions, such as MQTT or Web Sockets. HTTP commands, such as you’ve implemented, are not really a great choice due to their slowness, lack of security, etc.

By: Hugo

Hugo — Sun, 25 Oct 2020 06:47:43 +0000

hi
nice post. What I wanted to ask, perhaps you know how to do this: I want to use a button w/ action: url and url_path, to call an URL in the background, w/o opening a new tab. For example, I have some ESP8266s that I programmed and those provide a webgui to toggle/turn on/turn off a relais. If I call `http://192.168.178.102/?ajaxLoad(%27TOGGLE%27)` the relais will toggle. The button I want to add should just call that URL in the background, w/o opening a new tab, and that will toggle the relais on the ESP8266. Another use would be to open the camera live stream in VLC player, using action: url url_path: ‘rtsp://192.168.178.51:8554/unicast’. This also opens another tab in the browser with about:blank, which is annoying..

thanks

By: (zane) / Technically Wizardry

(zane) / Technically Wizardry — Sun, 21 Jun 2020 13:02:35 +0000

In reply to Mark.

Glad you got it sorted out! Ugh, yah, CORS & HTTPS can be a pain. IME, trying to run HTTPS without port 443 is not worth it. I expose port 443 on my home network, and all ingress on that port is handled by Switchboard (Envoy). I feel pretty secure with this approach. FWIW, it’s all documented in the home server and home networking section, including how I do DNS resolution internally and externally, HTTPS certificates, etc.

By: Mark

Mark — Sat, 20 Jun 2020 07:48:33 +0000

In reply to (zane) / Technically Wizardry.

Thanks. I had actually partly resolved your simple example before you replied, but I appreciate the repeatable solution. I think a majority of my issues now are cors/https related. “Fun” trying to get multiple apps working internally and externally too while not opening port 80/443 as well. Thanks again for that new solution.

By: (zane) / Technically Wizardry

(zane) / Technically Wizardry — Fri, 19 Jun 2020 13:49:55 +0000

In reply to Mark.

I edited the post and added a new section called “Reusable Full-Screen Iframe Module.” I just took the screenshot of it working a few minutes ago on HA version 0.110.2, testing with the exact code pasted.

It’s suspicious that the first example doesn’t work. I just tested it by copy-and-pasting both code blocks. Maybe check your Logs tab to see if something went wrong? Note that the panel’s HTML filename needs to match the component name registered within the file. In other words, please double-check that the dom-module ID from the first line of the HTML file matches the name of the HTML file and also the panel_custom.name from the YAML.

Hope it helps!

By: Mark

Mark — Thu, 18 Jun 2020 23:50:00 +0000

I am still not really sure how to have a custom iframe panel with no top bar and be reusable. Even your simple first example doesnt show up after restarting hass. Is there a solution to having a reusable template that allows me to create multiple sidebar entries for iframes with no top bar? Your second example doesnt really have anything to do with iframes from what i can see.