Module Position

maxbachmann

can I change the position of a module while MM2 is running?

dherl0623

@maxbachmann As far as I know, no. You can however update your position in the configuration file, then press CTRL+R to hard refresh the MM browser.

maxbachmann

@dherl0623 ty Ik I can change it in there, but would have been cool to change during runtime so I can blend the module in at whatever place I currently need it ;) Well can’t change when it’s not possible

strawberry 3.141

@maxbachmann there is now magicmirror api for it, but you could manipulate the dom and set the module in a different region manually.

maxbachmann

@strawberry-3-141
How can I do that in there (sorry I am a absolute noob with the dom)

maxbachmann

I just asked my friend google:

 var d = document.getElementById(wrapper);
 d.style.left = newx_pos;
 d.style.top = newy_pos;

is that how to do it?

strawberry 3.141

@maxbachmann no, you would get the module itself, the wrapper has an id with the identifier of the module, then you would get the wrapper of the position and would call appendChild with your module

maxbachmann

@strawberry-3-141 Can you help me with how that would look like in software? I am sorry this project is the first time I use javascript at all and absolutely clueless when it’s about the dom

strawberry 3.141

@maxbachmann

// get the module to move with it's identifier
var clock = document.getElementById('module_0_clock');

// append it to the region you like
document.querySelector('div.region.top.left div.container').appendChild(clock);

it will work only if you already have a module in that position, otherwise you need to ovverride the style to display block

document.querySelector('div.region.top.left div.container').style.display = 'block';

that’s it

maxbachmann

@strawberry-3-141 So I always have to know wether there is already a element in that region? Is there a way to check all modules and return the ID’s of the elements that are in this position?