• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 4.3k 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 Oct 3, 2022, 6:57 PM

    @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 Oct 5, 2022, 1:16 PM Reply Quote 0
    • L Offline
      lexcyr @sdetweil
      last edited by Oct 5, 2022, 1:16 PM

      @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 Oct 5, 2022, 1:18 PM Reply Quote 1
      • S Offline
        sdetweil @lexcyr
        last edited by Oct 5, 2022, 1:18 PM

        @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 Oct 6, 2022, 12:08 PM Reply Quote 0
        • L Offline
          lexcyr @sdetweil
          last edited by Oct 6, 2022, 12:08 PM

          @sdetweil thanks a lot, it works.

          1 Reply Last reply Reply Quote 1
          • R Offline
            rubelahamed
            last edited by Oct 7, 2022, 5:16 PM

            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 Oct 7, 2022, 5:18 PM Reply Quote 0
            • S Offline
              sdetweil @rubelahamed
              last edited by sdetweil Oct 7, 2022, 5:22 PM Oct 7, 2022, 5:18 PM

              @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 Jan 4, 2023, 11:38 AM

                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 Jan 4, 2023, 12:41 PM Reply Quote 0
                • S Offline
                  sdetweil @MarkV
                  last edited by Jan 4, 2023, 12:41 PM

                  @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 Jan 4, 2023, 5:03 PM Reply Quote 0
                  • M Offline
                    MarkV @sdetweil
                    last edited by Jan 4, 2023, 5:03 PM

                    @sdetweil
                    Oh oke. But on windows you can also expand the desktop en have some things start on one en other thongs on the second screen…
                    To bad that you have to drag them this would be one of the best addons for MMM

                    S 1 Reply Last reply Jan 4, 2023, 5:06 PM Reply Quote 0
                    • S Offline
                      sdetweil @MarkV
                      last edited by sdetweil Jan 4, 2023, 5:07 PM Jan 4, 2023, 5:06 PM

                      @MarkV u can change the MM config and have it start on the second screen…

                      add (after the address: config )

                      electronOptions: {
                          x: ?????
                      },
                      

                      where xxx is the width of your 1st display

                      or y: ??? if vertical

                      you can also run two instances of MM from the same folder with different configurations on different ports

                      drag is to make ONE BIG MM across BOTH screens

                      the maximize function only does ONE screen…

                      open chrome on any screen, hit maximize button…

                      nothing we can do

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • G grantc66 referenced this topic on Jul 5, 2023, 11:51 AM
                      • 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