Two Display

krocaq

@saljoke
Hi. Thats right. i only use 1 Pi4 to serve both displays via 2 MM instances. first the originally MagicMirror directory and the second in a MagicMirror2 directory. Both powered up via PM2 and turned off and on via PIR sensor.

The config looks like this:

language: “de”,
logLevel: [“INFO”, “LOG”, “WARN”, “ERROR”],
timeFormat: 24,
units: “metric”,
electronOptions: {fullscreen:true, x:1920},

1920 is the resolution witdh of the main display.

Very easy to handle and good for the electrical consumption

sdetweil

@krocaq AND you can do it with ONE directory, by using the
environment variable
for one instance
MM_CONFIG_FILE=config/config.js
for the other
MM_CONFIG_FILE=config/config2.js
(each on a different port, same as what u have now)

and install all the modules in the modules folder for both,
only those used by an instance will be loaded

in each config you can also use different custom.css files…
so each instance can present a different view

lexcyr

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

sdetweil

@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

lexcyr

@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.

sdetweil

@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

lexcyr

@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

sdetweil

@lexcyr

yes but its

npm run server

not npm server

only the start clause

npm start

allows use without ‘run’

lexcyr

@sdetweil thanks a lot, it works.

rubelahamed

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

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

MarkV

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??

sdetweil

@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

MarkV

@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

sdetweil

@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