bottom right, bottom left

[mcnahum]

Hello,
I spend time with this module that I really like and I would like to put the icon on the bottom right or bottom left but it's really don't want do go "on the real corner"
it's always on the top of my RSS feed who is "bottom_bar"
on the other corner I've the module "onScreenMenu" and no issue is on the "real corner"

[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