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.

    Magic mirror with 2 displays

    Scheduled Pinned Locked Moved Troubleshooting
    23 Posts 2 Posters 8.4k Views 2 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 Do not disturb
      sdetweil @Ety60
      last edited by sdetweil

      @Ety60 I haven’t been able to make it use both displays on startup… I can drag the image to fill both screens…

      you can fiddle with the display options

      var config = { 
           electronOptions : { ????? },
           modules : []
      }
      

      x and y describe the top left corner of the display
      width and height describe the size and shape of the page

      kiosk mode turns on fullscreen, no title bar, and some other things, not resizable I think… really a pain on mac)

      the defintion of these options are here

      https://www.electronjs.org/docs/api/browser-window

      I use the electronOptions to have MM run on the second display on my desktop system

      electronOptions: { x: 1920 },

      so I tried

       electronOptions: { x: 0, width: 1920, height: 2160, minHeight: 2160, kiosk: false, fullscreen: false,  backgroundColor: "#00000001", autoHideMenuBar :true},
      

      and it starts fullscreen on the 1st monitor (had to crop the screen shot to get it under 2 meg)
      Screenshot at 2020-08-07 08-34-36.png
      and

      electronOptions: { x: 1920, width: 1920, height: 2160, minHeight: 2160, kiosk: false, fullscreen: false,  backgroundColor: "#00000001", autoHideMenuBar :true}, 
      

      and it starts large, on the second monitor, but not quite full screen as the taskbar is not present on monitor 2.
      Screenshot at 2020-08-07 08-35-02.png

      neither the system , nor MM know about the physical placement of the displays

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @Ety60 i have played with all kinds of scripts that ‘should’ work, but don’t… all oldish 2-3 years

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • E Offline
          Ety60
          last edited by Ety60

          @sdetweil thanks for your quick and very complete answer. But do I understand that it is not possible to run the software on 2 screens? Could it be possible to run a separate magic mirror on each screen?

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

            @Ety60 yes, rename one MagicMirror folder to MagicMirror2 and install a second instance, and in the config.js of one use the
            electronOptions:{x:1920}
            to display beyond the 1st display

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • E Offline
              Ety60
              last edited by

              @sdetweil I addded electronOptions: {x: 1920} to my config file and I didn’t get an error but it still only shows up on the first screen. Am I doing something wrong?

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

                @Ety60 like this, inside the config structure

                var config={
                   electronOptions:{ x: 1920 },
                   ...
                    modules :[],
                }
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • E Offline
                  Ety60
                  last edited by

                  Thanks for the quick respons
                  Yes, exact like that.

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

                    hm, this is mine, cut and paste, opens on second display

                    
                    var config = {
                      electronOptions: { x: 1920}, 
                    

                    are you using docker or MagicMirrorOS

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • E Offline
                      Ety60
                      last edited by

                      I found the error, because I put the 2 screens on top of each other, not x but y = 1920.
                      But I have found that the magicmirror2 folder is listening for the config file of the magicmirror folder. How can I adjust this?

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

                        @Ety60 how did u start each mm?

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • E Offline
                          Ety60
                          last edited by

                          I have done npm start on both

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

                            @Ety60 hm… then they should be looking at the config folder under each separate mm folder

                            u cannot start it twice from the same folder

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • E Offline
                              Ety60
                              last edited by

                              I used npm start to start both displays

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

                                @Ety60 from the separate mm installation folders, right

                                ~/MagicMirror
                                and
                                ~/MagicMirror2

                                assuming there is a coding error someplace, rename like this

                                ~/MagicMirror1
                                and
                                ~/MagicMirror2

                                then there is no, MagicMirror folder to use from

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 0
                                • E Offline
                                  Ety60
                                  last edited by

                                  I have done that but it still uses 1 config file. I have found that it always uses the config file of the MagicMirror that I run first.

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

                                    @Ety60 makes no sense. u are doing

                                    cd ~/MagicMirror1
                                    npm start
                                    

                                    in another window

                                    cd ~/MagicMirror2
                                    npm start
                                    

                                    right

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • E Offline
                                      Ety60
                                      last edited by

                                      thats correct!

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

                                        @Ety60 can u show the two console outputs

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • E Offline
                                          Ety60
                                          last edited by

                                          There is an error in the second console output. This one:

                                          listen EADDRINUSE:  address already in use  128.0.0.1:8080
                                          
                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @Ety60
                                            last edited by sdetweil

                                            @Ety60 u have to change the port on the second one as well

                                            sorry, looking back I didn’t mention that

                                            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