@yawns Working! :) Thank you!

Hi! I would like to read out the “weight” as well from the user(s).
I’m currently syncing the weight with my Withings account. So the weight is always up to date here as well. I tried just to add “weight” in the resources section. But that did not work. :) Is there anything I can do to fix it?

Best regards Erik

Hi again! I’ve been using your excellent module since I started my build. And all along I had it in an “IFrame” on the mirror (the IFrame is shown via a touch on a button MMM-ModuleBar). However, about 2 moths ago, your module no longer shows up in the IFrame (it’s just black on the Mirror). However if I use another browser (not Electron) the IFrame shows the Remote Control. Also it shows up “remotely” both if I go directly to the Remote Control address and if I open the full Mirror in another browser.
I’m not sure where the problem is. If it’s on your module or in Electron.
I have another “web-interface” (SONOS Web Interface) in another IFrame showed the same way and that still works.
I’m on the dev branch of MM.

Let me know if you have any ideas… :)

Different look for this module, just wanted to share :)…
Grayscale:

Or in color:

It’s only the pictures that differ from the gray or color ones.
You have to use your own pictures of course. :)

In the config.js:

{
	module: 'MMM-TouchNavigation',
	position: 'bottom_left',
	classes: "default everyone",
	config: {
		picturePlacement: "right",
		minWidth: "40px",
		direction: "column",
		buttons: {
			"Name1": {
				img: "http://www.your-picture.com/name1-Gray.png", 
				width: 60,
				height: 60
			},
			"Name2": {
				img: "http://www.your-picture.com/name2-Gray.png", 
				width: 60,
				height: 60
			},
			"Name3": {
				img: "http://www.your-picture.com/name3-Gray.png", 
				width: 60,
				height: 60
			}
		}
	}
},

In my custom.css:

/* Touch Buttons */
.navigation-button {
    margin: 5px;
    padding: 0px 0px;
    border: 2px solid #FFF; 
    border-radius: 0px;
    border-radius: 50%;
}
.navigation-picture {
    margin: 0px 0px;
    border-radius: 50%;
}
.navigation-menu {
    align-items: flex-start;
}
/* ----- End ----- */

Update: Just noticed that the buttons got “stretched” if something else was displayed in the same region. So I added the “.navigation-menu” part in the css.
If you have the buttons on the right side, use: “flex-end” instead of “flex-start”.

Enjoy! :)

@cowboysdude Looking great! :) I have a suggestion… Change the “Humidity” text to an image of a droplet (https://thenounproject.com/term/raindrop/381297/) to save space. :) Or from font awesome: http://fontawesome.io/icon/tint/

@tosti007 Yes! That’s exactly what I wanted. :) I’m using your modules for accessing the “profiles” and my module as a “quick” option to just view one thing.

Thank YOU, for making the first module. :)

Awsome! This changes a lot in my “config”, my Mirror(s) are tightly integrated with Home Assistant.
Thank you for this module!!

I’m currently running 3 different mirrors, but two of them are “mixed” with each other in HA, the third (first one) are separate :). I’ll have to do some more investigating. Have you tested with multiple mirrors against one “HA-MQTT”?

Again, thank you for this! :)

Update: I did some cleaning in the MQTT-queue (with MQTT Explorer) and now it all works. I got to have had my config(s) mixed at some point during my testing. So, now it’s all good. :)

@chaseb1357 Hehe! Great! :) Nicely done!

@gaudouy Hi, no, it can only show and hide one/ or multiple instances of the same type of module on one button, but not two different types of modules on one button.

@aseadc86 Thank you! :) It is not possible to get two values on the same row (I think) in it’s current form… And also the “pictures” from the sensors does not work. I’m just out of time to fix it… :)