MagicMirror² v2.8.0 is available! For more information about this release, check out this topic.

Module Request for the Weather Experts! 😉


  • Module Developer

    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


  • Module Developer

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

    0_1554063118063_Screenshot (37).png


  • Module Developer

    0_1554063843223_test.png
    You mean this?


  • Module Developer

    
    
    {
      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 <