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 5.7k 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.
    • E Offline
      Ety60
      last edited by

      hello everyone, I am making a Magic Mirror with an rpi4 and 2 screens that I place on top of each other. When I run the Magic Mirror software, it only shows on 1 screen. Is there a possibility to do this on the 2 screens?

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        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 Offline
          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 Offline
              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 Offline
                  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 Offline
                      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
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • 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