<![CDATA[Display the modules exactly on the screen? Define X and Y Coordinate in config.js file?]]>Hello everybody,

is there a way to display the modules exactly on the screen? For example:
The config.js file should look like this:
Module 1:
size:
Coordinate:
         x:
         y:

Module 2:
size:
Coordinate:
         x:
         y:

Many thanks for your help.

]]>https://forum.magicmirror.builders/topic/12514/display-the-modules-exactly-on-the-screen-define-x-and-y-coordinate-in-config-js-fileRSS for NodeSat, 06 Jun 2026 14:22:23 GMTTue, 07 Apr 2020 14:41:16 GMT60<![CDATA[Reply to Display the modules exactly on the screen? Define X and Y Coordinate in config.js file? on Wed, 15 Apr 2020 10:12:57 GMT]]>@retroflex @pi-user

Should be possible through css. Haven’t tried this myself, but it should work:

.clock {
position: absolute;
left : 400px;
top : 100px;
}
Add it to MagicMirror/css/custom.css

I think you can use right and bottom instead of left and top also.
That will fail if a parent element is set to position: relative.
Then this element will arrange itself absolutely INSIDE the parent element/region.

]]>https://forum.magicmirror.builders/post/72810https://forum.magicmirror.builders/post/72810Wed, 15 Apr 2020 10:12:57 GMT<![CDATA[Reply to Display the modules exactly on the screen? Define X and Y Coordinate in config.js file? on Wed, 15 Apr 2020 10:02:29 GMT]]>@sdetweil Thank you very much

]]>https://forum.magicmirror.builders/post/72807https://forum.magicmirror.builders/post/72807Wed, 15 Apr 2020 10:02:29 GMT<![CDATA[Reply to Display the modules exactly on the screen? Define X and Y Coordinate in config.js file? on Tue, 14 Apr 2020 17:30:31 GMT]]>@retroflex Thank you for your answer

]]>https://forum.magicmirror.builders/post/72772https://forum.magicmirror.builders/post/72772Tue, 14 Apr 2020 17:30:31 GMT<![CDATA[Reply to Display the modules exactly on the screen? Define X and Y Coordinate in config.js file? on Tue, 07 Apr 2020 15:07:34 GMT]]>@pi-user there is no built in support… the design is a bunch of different areas, and the content should NOT be screen location specific…

see the index.html for the css area layout

each area is a stack, 1st in config.js in that area at the top of that area, next under it, next under that…

]]>https://forum.magicmirror.builders/post/72150https://forum.magicmirror.builders/post/72150Tue, 07 Apr 2020 15:07:34 GMT<![CDATA[Reply to Display the modules exactly on the screen? Define X and Y Coordinate in config.js file? on Tue, 07 Apr 2020 15:01:03 GMT]]>Should be possible through css. Haven’t tried this myself, but it should work:

.clock {
  position: absolute;
  left : 400px;
  top : 100px;
}

Add it to MagicMirror/css/custom.css

I think you can use right and bottom instead of left and top also.

]]>https://forum.magicmirror.builders/post/72148https://forum.magicmirror.builders/post/72148Tue, 07 Apr 2020 15:01:03 GMT