Webpage Card Configuration: Custom Port 3000 for Grafana

Configuration
1

Is there a problem in Home Assistant if the webpage is running on a port other than 80?

for me this works fine

type: iframe
url: 'http://expeditious.local'
aspect_ratio: 200%

but this doesn’t

type: iframe
url: 'http://expeditious.local:3000'
aspect_ratio: 200%

Any advice on how to make it work, besides switching the webserver to port 80 would be greatly appreciated. (I can’t switch grafana to port 80 because there is a different service running there)

2

Well, I was going to tell you it works to use ports; but, I just checked my bookmark page in HA which I have selections to open in a new tab or in an iframe. They both used to work but for unique ports but in 115 which is what I am currently running it does not seem to open them.
I gave my self these options so on my computer (which is where I do the vast majority of the work) they would open new tabs but since I can’t open new tabs in the HA app I have iframes in use which used to work.
Not this is of any help to you, but it let’s you know you are not the only one. I will update to 116 (release within the last hour) when I get home and see if it changes anything.

3

Thanks! I upgraded to 116, and the problem is still there. So I investigated further and found a solution. It turns out that the problem is not in the hass side, but on the Grafana side. It needs to have the following in the configuration, in order to be embedded:

there are two options in defaults.ini which restrict iframes

allow_embedding: false
cookie_samesite: lax

Change above two settings as below to make iframes work

allow_embedding: true
cookie_samesite: none

4

I use the camera card and Gafana Render for my grafana. I need to check my www folder, and check my iframe more often. I do have Grafana as a link and iframe but for the normal web page not for showing dashboards.