@shashank Hi! You should not need to delete the TouchNavigation.css file at all. It shall remain, you just have to add the css things in the MagicMirror/css/custom.css nothing else. The module itself shall remain “untouched”, then later on you will not have update problems. :) Also, I did only change what’s needed to be changed in the custom.css there are still settings in the TouchNavigation.css file that may be needed. Regarding the pictures, I’m not sure, as someone else mentioned I think you may need to create a sub-folder for them. But I never tested to have the pictures “locally”. Sorry.

@tosti007 Thank you! Now it fits perfectly with the MM-Hide-All module. :)

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! :)

Hi! Yes, restarting works. This usually happens when a module has failed to work (have some error in it). Even though you fix the problem, as long as you have not restarted it seems the port still is “in use”.

By the way, thank you for this GREAT project! :)

Best regards Snille

@strawberry-3.141 I had not, now I did and it works! :)
Thank you!

Hi! I’m using a separate compliments file (for each user). I’ve noticed that when I use non english characters they are not shown correctly.
The complement in the picture should say: “Tänk positivt”.
Now it says:

If I don’t use a compliments file and put the compliments directly in the config, it works fine.

What to do? :)

Best regards Snille

@tosti007 Here you go:
sv.json

{
  "leave": "Ses snart %profile%!",
  "enter": "Hej %profile%, trevligt att ses igen!",
  "title": "Användarprofil"
}

:)

@tosti007 Hehe, I just edited my post when you replied. Found the title thing… Sorry for not reading… :)
I have my language like so:

	ipWhitelist: [
		"127.0.0.1",
		"::ffff:127.0.0.1",
		"::1",
		"::ffff:10.0.0.1/120" 
	],
	language: "sv",
	modules: [

Seems to work with the clock at least (get the swedish names of the days. :)…
I just saw a “leave message” in german… I have to try to grab a screenshot…

Hi again, have the face recognition module and yours been “integrated” yet? I saw your pull request on there, but now it looks like it’s a conflict? I have modified per your instructions so that it works now, but I keep getting notifications about the face recognition module update… But i don’t dare to update. :)

Another matter… I sometimes get greetings and leave messages in german (I think?) even though I have defined my own.
And, is there a way to disable the title “Benutzer Profile” showing up above the message in the “popup” when you are greeted? Found it… :)

My module conf:

		{
			module: "MMM-ProfileSwitcher",
			header: "Profile",
			config: {
				enterMessages: {
					"Snille Louise Martin": "Hej %profile%!",
					"Snille": ["Hoppas dagen varit bra!", "Ser man på, välkommen!"], 
					"Louise": ["Kul i skolan idag?", "Kul att ses!"], 
					"Martin": ["Kul att ses!", "Allt bra?"] 
				},
				leaveMessages: {
					"everyone": "Ses snart %person%!", 
					"Snille": ["Hej då, jag kommer sakna dig...", true] 
				}
			}
		},

Thank you for the great module!

Best regards Snille

@mochman No worries, thank you for letting me know. :)