MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-GoogleTasks makes MMM-CalendarExt disappear when applied to config file

    Scheduled Pinned Locked Moved Troubleshooting
    11 Posts 3 Posters 2.2k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @RyanRoyster
      last edited by

      @RyanRoyster does it push it off screen?

      edit the css/main.css and comment out

      html {
        /*cursor: none; */
        /*overflow: hidden;*/
        background: #000;
      }
      

      then u can scroll the page… see if it is off page
      overflow:hidden means any content outside the borders is never shown

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • R Offline
        RyanRoyster
        last edited by

        I will check it out when I get home. That was gonna be another question I was going to ask, whether I would be able to add pages or not… will update with the outcome…

        1 Reply Last reply Reply Quote 0
        • R Offline
          RyanRoyster
          last edited by

          Not sure what it is you’re asking me to change, the overflow is already as “hidden”… I did some research and tried “scroll” but that doesn’t seem to work either. Not sure how I am suppose to scroll… but there doesn’t seem to be anything that allows me to.

          R bheplerB 2 Replies Last reply Reply Quote 0
          • R Offline
            RyanRoyster @RyanRoyster
            last edited by

            @RyanRoyster I think it is on another page, but I can’t change pages…

            1 Reply Last reply Reply Quote 0
            • bheplerB Offline
              bhepler Module Developer @RyanRoyster
              last edited by

              @RyanRoyster - Since the magic mirror is essentially a web page, you can point your computer/tablet at the magic mirror’s network address. You will be able to bring up the magic mirror interface in your web browser and you can then check for a scroll bar.

              S 1 Reply Last reply Reply Quote 0
              • R Offline
                RyanRoyster
                last edited by

                just for the sake of simplicity, how do i find the address of the magicmirror itself?

                1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @bhepler
                  last edited by

                  @bhepler >you can point your computer/tablet at the magic mirror’s network address

                  IF the MM config allows remote access

                  address:"0.0.0.0",
                  ipWhitelist:[],
                  

                  unless u configured exact settings

                  address:"localhost", 
                  

                  means ONLY apps INSIDE the mirror can access the mirror web address

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • R Offline
                    RyanRoyster
                    last edited by

                    Sorry man I’m still not getting it. I keep changing ip’s and checking different settings and I cant seem to connect to an IP address to open the MM

                    1 Reply Last reply Reply Quote 0
                    • R Offline
                      RyanRoyster
                      last edited by

                      I even changed it to any ip… can you give me a real sample of what its suppose to look like?

                      bheplerB 1 Reply Last reply Reply Quote 0
                      • bheplerB Offline
                        bhepler Module Developer @RyanRoyster
                        last edited by

                        @RyanRoyster - Short answer: It’s what you see on your mirror, but in your web browser.

                        Long answer: The Magic Mirror consists of about three main parts. There’s a web application that runs in Node.js, a display app called Electron that displays the contents of the web app, and a monitoring app called PM2 that starts everything automatically and restarts it if it crashes.

                        Because it’s a web app, it works like a web server. When you look at your mirror, you’re essentially seeing Electron acting like a web browser pointed to a web server. They just happen to be on the same machine. What we’re trying to get set up for you is to use your regular web browser (Edge, Chrome, Firefox, Safari or whatever) to do the same task as Electron: display what the web server is serving up.

                        Let’s get you browsing

                        To answer your other question about the IP address: Assuming that you’re working on your mirror’s RasPi itself, you can find the ip address by opening up a terminal window and typing ifconfig. You’ll get a bunch of stuff back, but what you’re looking for will be like this:

                        wlan0: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
                                inet 10.0.0.15  netmask 255.255.255.0  broadcast 10.0.0.255
                        

                        Quick interpretation: wlan0 = wireless adapter. If you’re connected via WiFi, this is where you wish to look. inet 10.0.0.15 this is your IP address.

                        Okay, that said, edit your config.js and at the top of the file, find this section:

                        var config = {
                                address: "0.0.0.0",      < Make it read thusly
                                port: 8080,
                                ipWhitelist: [],         < likewise
                        

                        Save your file. On your computer, on the same WiFi network, open your web browser and point it at the IP address you grabbed earlier. Remember to add the port number! In my case, http://10.0.0.15:8080

                        Your web browser should show you your MM interface.

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy