bottom right, bottom left about mmm-network-signal

[PoOwAa]

Please can you link here the onScreenMenu module? I'll check how they're handling the positioning, and I can change it that way.

[mcnahum]

https://github.com/shbatm/MMM-OnScreenMenu

and my config is:

{
module: 'MMM-OnScreenMenu',
position: 'bottom_left',
/* Valid positions: 'top_right', 'top_left', 'bottom_right', 'bottom_left' */
config: {
touchMode: true,
enableKeyboard: true,
menuItems: {
//moduleToggle1: { title: "Toggle forcast", icon: "car", name: "weatherforcast" },
refresh: { title: "Refresh", icon: "recycle", source: "LOCAL" },
toggleFullscreen: { title: "Toggle Screen", icon: "desktop" },
notify1: {
title: "Display Forcast",
icon: "eye",
notification: "CURRENT_PROFILE",
payload: "Weather_Forcast"
},
},
// ... see more options below
},

    },

[arcangeloerrico]

Any Update? I will do this to that the wifi signal top right is. I will check the other module and do some test maybe i can find something.

[arcangeloerrico]

@PoOwAa @mcnahum I just try it per custom.css:

.MMM-network-signal {
Position: absolute;
Left: 200px;
Top: 200px;
Z-index: 1;
}

worked but 5 sec after load he goes to his initial position (in my config.js is this top_bar). Any idea how so?

[arcangeloerrico]

@PoOwAa @mcnahum I just modify the position of the module to be in a absolute position on the bottom right. What i do for this (Im not a Pro i just do this like a DIY project for me,it worked for me and i don't have any problem)

1.- I need to give permissions to .git/objects first, without didn't work for me. So first of all:

cd MagicMirror/modules/MMM-network-signal/.git
sudo chmod -R 777 objects

2.- Then just added in MMM-network-signal.js under getDom: function () {} the css you want, like this exemple:

getDom: function() { // original line
const content = document.createElement("div"); // original line
content.style = "display: flex;flex-direction: row;justify-content: space-between; align-items: center"; // original line
const wifiSign = document.createElement("img"); // original line
wifiSign.style = "transform:scale(0.25)";
wifiSign.style.position = "absolute"; // add this line
wifiSign.style.right = "-20px"; // add this line
wifiSign.style.top = "910px"; // add this line
wifiSign.style.zIndex = "2"; // add this line
if (this.config.showMessage) // original line