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.

    Two Display

    Scheduled Pinned Locked Moved Hardware
    15 Posts 5 Posters 5.0k Views 5 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 @lexcyr
      last edited by

      @lexcyr in windows u set env var with

      set varname=value

      in Linux it’s

      varname=value

      but if you are starting another program from the script, you need to do

      export varname=value

      the css name is specified in the config.js

      see the config instructions
      https://docs.magicmirror.builders/configuration/introduction.html

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      L 1 Reply Last reply Reply Quote 0
      • L Offline
        lexcyr @sdetweil
        last edited by

        @sdetweil Thanks for the info.
        But i think i wasn’t clear enough with my question.
        I was asking how to setup your MM, and use ONE directory and have different config for 2 display.
        From what you said it can be made by using environment variable.

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

          @lexcyr

          create two config files

          config.js
          and
          config2.js
          this one has the left:1920 to move to the second display
          has 3 instances of calendar

          in the installers/mm.sh

          # select the 1st config file
          export MM_CONFIG_FILE=config/config.js
          # detaches the process so we can continue
          npm start &

          #select the second config file
          export MM_CONFIG_FILE=config/config2.js
          npm start

          in each config.js file you can point to different custom.css
          using the customCSS: ??? path/name

          each instance has to use a different port or course

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          L 1 Reply Last reply Reply Quote 0
          • L Offline
            lexcyr @sdetweil
            last edited by

            @sdetweil Thanks a lot. It works well.
            I have another question. is it possible to do the same, but only have one of the mirror config displaying on electron browser and the other one working as server to be displayed with any other browser from another device?
            like this:

            • 1st interface with config1 launch localy from electron browser with
              -2nd interface with config2 work as server mode and launch from another device browser

            i’ve tried to just change the second section in the mm.sh file from “npm start” to “npm server”, but unfortunately it’s not working and everything just freezing.

            PS: i am running MM on Linux Lite 6.0

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

              @lexcyr

              yes but its

              npm run server
              

              not npm server

              only the start clause

              npm start 
              

              allows use without ‘run’

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              L 1 Reply Last reply Reply Quote 0
              • L Offline
                lexcyr @sdetweil
                last edited by

                @sdetweil thanks a lot, it works.

                1 Reply Last reply Reply Quote 1
                • R Offline
                  rubelahamed
                  last edited by

                  How to setup the environnent variable and custom css for that?
                  Do you have any tutorial/guide i can use?

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

                    @rubelahamed see this post
                    https://forum.magicmirror.builders/topic/17239/two-display/5?_=1665163023943

                    customCss is a config Parm in config.js
                    see
                    https://docs.magicmirror.builders/configuration/introduction.html

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • M Offline
                      MarkV
                      last edited by

                      Maybe a noobish question but why isn’t possible to run magicmirror and display it over 2 screens.
                      So that you can say like module x on display 1 and module y on display 2 for example through a JS class??

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

                        @MarkV well you ‘can’, but you have to do it manually, drag the mm window over both screens. but maximize will only do one screen. same on windows.

                        where the module is displayed depends on the css structure. the ‘position’ is a predefined area in main.css, the module returns a blob of content (html div) and the mm runtime injects the content into its configured location

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        M 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