SOLVED Module Request for the Weather Experts! 😉

justjim1220

I have been trying to put a webpage on my MM using iFrame modules…
I have tried: MMM-iFrame-Ping, MMM-iFrame, MMM-SmartWebDisplay, MMM-Widget, and iFrame.

The page I want to be able to display in a fullscreen page of MM is:
https://maps.darksky.net/@temperature,40.262,-94.035,9900000?3d

I also would like to be able to copy the page exactly with all buttons and menus intact and working.

Could anyone please take a look and let me know if it is possible???

Thanks In Advance!

EDIT>>>
I was able to get part of the page using MMM-iFrame-Ping as shown below:
0_1554006252468_Screenshot (35).png

EDIT#2>>>
I now can get the page to show using iFrame, but not as fullscreen… HELP!
0_1554012276115_Screenshot (36).png

justjim1220

my results changing from height/width of 100% each to 100vh and 100vw

0_1554063118063_Screenshot (37).png

You mean this?



{
  module: "MMM-Widget",
  config: {
    widgets: [
      {
        html:`
        < div class="test" >
        < iframe src="https://maps.darksky.net/@temperature,40.262,-94.035,9900000?3d" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%" >< /iframe >
        < /div >
        `,
        position: "fullscreen_below",
        width: "100vw",
        height: "100vh",
      },
    ]
  }
}

remove empty space after and before of > and <