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.

    Getting MMM to open on the second monitor and correctly size

    Scheduled Pinned Locked Moved Troubleshooting
    24 Posts 3 Posters 7.4k 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.
    • C Offline
      Chrisflex @sdetweil
      last edited by

      @sdetweil said in Getting MMM to open on the second monitor and correctly size:

      n config.js u need to tell it where (left/right) to position the monitor in the display space.
      add this to config.js
      var config = {
      electronOptions:{x:1920 }, // add this line, where x is the width of your 1st display

      now orientation… you MAY be able to use also width and height… altho it says to fullscreen on that montitor, so it should work
      electronOptions:{x:1920, width:xx, height: yy },

      Great thank you for the advice I will try it later.

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @Chrisflex
        last edited by

        @Chrisflex i have two monitors and have MM open on the second display

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • C Offline
          Chrisflex
          last edited by

          I have entered the information as it is below

          var config = {electronOptions:{x:1920, width:768, height: 1360 },

          It still only opens on the primary screen.

          1920, 768, and 1360 are highlighted red

          I am not sure what that means.

          This is all being done in Windows 10 with Note+ as the editor.

          S 2 Replies Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @Chrisflex
            last edited by

            @Chrisflex how wide is the 1st display?

            did u try that 1st?

            just move to the second display and see what happens?

            highlighted in red by what?

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @Chrisflex
              last edited by

              @Chrisflex on my machine, height and width don’t do anything, as the fullscreen takes over

              you might also add fullscreen:false to the options above

              that made mine use the sizes specified

              I am on linux

              if there is an error in the config. it will open on the primary display
              look at the output of npm start

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • C Offline
                Chrisflex
                last edited by

                @sdetweil said in Getting MMM to open on the second monitor and correctly size:

                electronOptions:{x:1920 }

                I have entered the information like this

                     this does not work      {electronOptions:{fullscreen:false ,x:1920 },
                                                             {electronOptions:{x:1920,fullscreen:false }
                

                This works
                {electronOptions:{fullscreen:false }

                It brings up a small screen but not sized correctly.
                it shows Electron in the top left corner
                this screen can be dragged to the second monitor.

                .

                here is the start up log

                [2020-05-03 18:34:52.838] [LOG] Starting MagicMirror: v2.11.0
                [2020-05-03 18:34:52.840] [LOG] Loading config …
                [2020-05-03 18:34:52.844] [LOG] Loading module helpers …
                [2020-05-03 18:34:52.845] [LOG] No helper found for module: alert.
                [2020-05-03 18:34:52.881] [LOG] Initializing new module helper …
                [2020-05-03 18:34:52.881] [LOG] Module helper loaded: updatenotification
                [2020-05-03 18:34:52.881] [LOG] No helper found for module: clock.
                [2020-05-03 18:34:53.145] [LOG] Initializing new module helper …
                [2020-05-03 18:34:53.146] [LOG] Module helper loaded: calendar
                [2020-05-03 18:34:53.146] [LOG] No helper found for module: compliments.
                [2020-05-03 18:34:53.146] [LOG] No helper found for module: on-this-day.
                [2020-05-03 18:34:53.147] [LOG] No helper found for module: random_quotes.
                [2020-05-03 18:34:53.147] [LOG] No helper found for module: currentweather.
                [2020-05-03 18:34:53.147] [LOG] No helper found for module: weatherforecast.
                [2020-05-03 18:34:53.167] [LOG] Initializing new module helper …
                [2020-05-03 18:34:53.167] [LOG] Module helper loaded: newsfeed
                [2020-05-03 18:34:53.167] [LOG] All module helpers loaded.
                [2020-05-03 18:34:53.269] [LOG] Starting server on port 8080 …
                [2020-05-03 18:34:53.287] [LOG] Server started …
                [2020-05-03 18:34:53.289] [LOG] Connecting socket for: updatenotification
                [2020-05-03 18:34:53.289] [LOG] Connecting socket for: calendar
                [2020-05-03 18:34:53.290] [LOG] Starting node helper for: calendar
                [2020-05-03 18:34:53.290] [LOG] Connecting socket for: newsfeed
                [2020-05-03 18:34:53.291] [LOG] Starting module: newsfeed
                [2020-05-03 18:34:53.291] [LOG] Sockets connected & modules started …
                [2020-05-03 18:34:53.362] [LOG] Launching application.
                [2020-05-03 18:34:55.366] [LOG] Create new calendar fetcher for url: https://calendar.google.com/calendar/ical/chris.flekas%40gmail.com/public/basic.ics - Interval: 300000
                [2020-05-03 18:34:55.395] [LOG] Create new news fetcher for url: http://feeds.news24.com/articles/News24/TopStories/rss - Interval: 300000
                [2020-05-03 18:34:55.806] [ERROR] fatal: not a git repository (or any of the parent directories): .git

                thank you very much for you help

                1 Reply Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil
                  last edited by

                  its like this

                  var config= {

                  electronOptions:{fullscreen:false, x:1920, width: 600, height:800 }, // note the trailing comma (which means more to come

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • C Offline
                    Chrisflex
                    last edited by

                    Thank you I will try it tomorrow.

                    1 Reply Last reply Reply Quote 0
                    • C Offline
                      Chrisflex
                      last edited by

                      If I hover over the Electron icon in the taskbar I can see it must be open somewhere but not visible on one of the screens.

                      information entered like this

                      var config = {electronOptions:{fullscreen:false, x:1920, width: 600, height:800 },

                      alt text

                      S 1 Reply Last reply Reply Quote 0
                      • S Do not disturb
                        sdetweil @Chrisflex
                        last edited by

                        @Chrisflex i haven’t tried on windows… may boot over there today

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        C 1 Reply Last reply Reply Quote 0
                        • C Offline
                          Chrisflex @sdetweil
                          last edited by

                          @sdetweil Thanks I appreciate your help.

                          S 1 Reply Last reply Reply Quote 0
                          • S Do not disturb
                            sdetweil @Chrisflex
                            last edited by sdetweil

                            @Chrisflex

                            this did what we were talking about

                            var config = {
                            	electronOptions: { x:1920,fullscreen:false , width: 600, height:800},
                            	address: "localhost", 
                            

                            alt text

                            this did on second screen not full screen (MM default size is 800x600)

                            var config = {
                            	electronOptions: { x:1920,fullscreen:false },
                            	address: "localhost", 
                            

                            alt text
                            and this did second screen full screen

                            var config = {
                            	electronOptions: { x:1920},
                            	address: "localhost", 
                            

                            alt text

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 1
                            • C Offline
                              Chrisflex
                              last edited by

                              @sdetweil said in Getting MMM to open on the second monitor and correctly size:

                              electronOptions: { x:1920,fullscreen:false , width: 600, height:800},

                              the first option gives me this error

                              var config = {
                              electronOptions: { x:1920,fullscreen:false , width: 600, height:800},

                              WARNING! Could not validate config file. Starting with default configuration. Please correct syntax errors at or above this line: C:\Users\Dell Server\MagicMirror\config\config.js:11
                              var config = {electronOptions:electronOptions: {x:1920,fullscreen:false , width: 600, height:800},
                              ^

                              SyntaxError: Unexpected token :
                              at Module._compile (internal/modules/cjs/loader.js:722:23)
                              at Object.Module._extensions…js (internal/modules/cjs/loader.js:798:10)
                              at Module.load (internal/modules/cjs/loader.js:645:32)
                              at Function.Module._load (internal/modules/cjs/loader.js:560:12)
                              at Module.require (internal/modules/cjs/loader.js:685:19)
                              at require (internal/modules/cjs/helpers.js:16:16)
                              at loadConfig (C:\Users\Dell Server\MagicMirror\js\app.js:69:12)
                              at App.start (C:\Users\Dell Server\MagicMirror\js\app.js:210:3)
                              at Object. (C:\Users\Dell Server\MagicMirror\js\electron.js:115:7)
                              at Module._compile (internal/modules/cjs/loader.js:786:30)

                              The second option
                              var config = {
                              electronOptions: { x:1920,fullscreen:false },
                              address: “localhost”,

                              gives me this error

                              WARNING! Could not validate config file. Starting with default configuration. Please correct syntax errors at or above this line: C:\Users\Dell Server\MagicMirror\config\config.js:11
                              var config = {electronOptions:electronOptions: {x:1920,fullscreen:false},
                              ^

                              SyntaxError: Unexpected token :
                              at Module._compile (internal/modules/cjs/loader.js:722:23)
                              at Object.Module._extensions…js (internal/modules/cjs/loader.js:798:10)
                              at Module.load (internal/modules/cjs/loader.js:645:32)
                              at Function.Module._load (internal/modules/cjs/loader.js:560:12)
                              at Module.require (internal/modules/cjs/loader.js:685:19)
                              at require (internal/modules/cjs/helpers.js:16:16)
                              at loadConfig (C:\Users\Dell Server\MagicMirror\js\app.js:69:12)
                              at App.start (C:\Users\Dell Server\MagicMirror\js\app.js:210:3)
                              at Object. (C:\Users\Dell Server\MagicMirror\js\electron.js:115:7)
                              at Module._compile (internal/modules/cjs/loader.js:786:30)

                              the last option

                              starts MM in a window that can be dragged across to the second monitor but is not sized correctly.
                              It is the size of the normal full screen

                              S bheplerB 2 Replies Last reply Reply Quote 0
                              • S Do not disturb
                                sdetweil @Chrisflex
                                last edited by

                                @Chrisflex u are adding just the electronOptions line

                                I was just showing where it went

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 0
                                • C Offline
                                  Chrisflex
                                  last edited by

                                  Copied from my config js file

                                  var config = {electronOptions:{x:1920 },
                                  address: “localhost”, // Address to listen on, can be:
                                  // - “localhost”, “127.0.0.1”, “::1” to listen on loopback interface
                                  // - another specific IPv4/6 to listen on a specific interface
                                  // - “0.0.0.0”, “::” to listen on any interface
                                  // Default, when address config is left out or empty, is “localhost”

                                  Is that correct?

                                  S 2 Replies Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @Chrisflex
                                    last edited by

                                    @Chrisflex better when on separate lines

                                    That looks ok

                                    Should be full screen on second display

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • S Do not disturb
                                      sdetweil @Chrisflex
                                      last edited by

                                      @Chrisflex posted pics above

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

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

                                        @Chrisflex - Please use the markdown features of the forum when posting code or logs.

                                        C 1 Reply Last reply Reply Quote 0
                                        • C Offline
                                          Chrisflex @bhepler
                                          last edited by

                                          @bhepler Thanks I will try

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @Chrisflex
                                            last edited by

                                            @Chrisflex ant progress?

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 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