MagicMirror² v2.7.0 is available! For more information about this release, check out this topic.

Region/module positioning on Servermode (on docker, Synology) and client (web-browser)



  • Hi MagicMirror Builders!

    I’ve got stuck with the positioning of modules/regions. My setup:

    MagicMirror2 running in servermode in a docker container on a Synology.
    The client would be a tablet (untill I fix a monitor and a PI), I am planning to show the info board in a browser.

    Setup is finished, I am able to install/config modules, apply css. The problem is that when I open the ip of the mirror in a browser, the alignment of the regions is not ok. It seems like the _left and _right regions are just on top each other. I tried to modify the “body” in the custom.css, it works (the modules become wider), but the alignment is the same, I can not place the top_left and top_right regions nex to each other.

    I have no experience in css or js, but tried to find a solution on the forum, without luck. Can you please point me in the right direction? How could I set the window size for the MM?

    My modules config:

    modules: [
    		
    		{
    			module: "clock",
    			position: "top_right"
    		},
    		
    		{
    			module: "currentweather",
    			position: "top_left",
    			config: {
    				location: "Lidingö",
    				locationID: "",  //ID from http://bulk.openweathermap.org/sample/; unzip the gz file and find your city
    				appid: ""
    			}
    		},
    		{
    			module: "weatherforecast",
    			position: "top_left",
    			header: "Weather Forecast",
    			config: {
    				location: "Lidingö",
    				locationID: "",  //ID from https://openweathermap.org/city
    				appid: ""
    			}
    		},
    		{
    
    

    0_1558037968869_Screenshot 2019-05-16 at 22.18.21-squashed.jpg

    Thanks in advance!
    Balint