Displaying a Web Page

[brian.j.kramer]

This does work great. Using it for nest cameras. Any idea why one of my cameras shows black? Think it’s iPhone related. Seems to work on iPad.

[mattias]

Cool, this works! Thanks guys!

[joe-hennessy]

Is there something I'm doing wrong. I can't get this to fit.

[lewis.heidrick]

There is a css thing to make it fill. I'll see if I can track it down.

[thomas.c.howard]

Take a look at the RadarTile from HubiGraph. There are some others that do similar solutions. It does some similar things. But in short, you have to specify an attribute with an iframe that has a height, width and overflow set properly... There are also so css tricks to remove titles, etc.

[lewis.heidrick]

[css] make image tiles cover the tile

Have you tried tweaking the tile with CSS? Something like this might help (change tile # to the one your targeting). #tile-99 .tile-contents { height: 100%; width: 100%; } EDIT: If you haven't, try running it thru smartly (always backup your JSON 1st). My bet is spelcheck has a fix for that already coded

.tile.image .inset-auto img {
object-fit: cover
}

[mbarone]

I use this for my iframe tiles:

/* iframe specific - #tile-25 is the iFrame device */
#tile-25 .tile-title {
display:none;
}
#tile-25 .tile-contents {
padding: 0;
height:100%;
}
#tile-25 .tile-primary {
padding: 0;
}

[joe-hennessy]

Where does this go?

[lewis.heidrick]

click the 3 dots on the tile then click advanced.

[mbarone]

[lewis.heidrick]

Yea thats the one.

[Angus_M]

If it's an image, set it as the background image of the tile and it will fill the tile automagically.

[joe-hennessy]

I’m doing that now, however the loop doesn’t update unless I reload the screen. That’s why this looked more appealing than the work around I’m using now with fully kiosk auto refreshing when it wakes from the screen saver. That takes a while rather than just coming back on immediately.

[Angus_M]

You have the image tile set to refresh? For example with a weather image that I use, I set it to update every 2000 seconds. I'm probably misunderstanding your use case because I only scanned the thread

[Angus_M]

@joe-hennessy

fully kiosk auto refreshing when it wakes from the screen saver. That takes a while rather than just coming back on immediately

Yeah, I found this too on my custom dashboard. It's quite irritating to have to wait for the page to unfreeze. Now I just leave the screen on.

[rdstov]

ive tried your iframe driver for the new national weather service radars. However, they give an error, like the link is too long, have you tried this?

https://preview-radar.weather.gov/?settings=v1_eyJhZ2VuZGEiOnsiaWQiOiJ3ZWF0aGVyIiwiY2VudGVyIjpbLTc4Ljg1NywzMy43ODNdLCJ6b29tIjo5LCJsb2NhdGlvbiI6Wy03OC44NTcsMzMuNzgzXX0sImJhc2UiOiJzdGFuZGFyZCIsImNvdW50eSI6ZmFsc2UsImN3YSI6ZmFsc2UsInN0YXRlIjpmYWxzZSwibWVudSI6dHJ1ZSwic2hvcnRGdXNlZE9ubHkiOmZhbHNlfQ%3D%3D#/

[mark.cockcroft]

I'm getting errors too, one about token.
Have you any examples you can provide of web pages which work

[potts.mike]

I am trying to link to a grafana graph on my network but I just get a frowney face in chrome and a blank tile in safari. THe link work fines alone. Any thoughts?

[TechMedX]

@potts.mike

Any thoughts?

If you can get it to be a png you can set it as an image tile with a 2-600 second refresh refresh rate. I do it with traffic, radar, and camera feeds.

sample URL

https://s.w-x.co/staticmaps/wu/wu/wxtype1200_cur/usfcx/animate.png

Great resource for animated weather maps.

[FLGuy]

Anyone know of a way to display a webpage as a dashboard background?
Is it one big iFrame?
Thanks