@sdetweil Thank you. The module region is bottom_bar. I fixed it. I just remove the ::before at .MMM-page-indicator .indicator::before.

thank you!

Hey @KristjanESPERANTO, I used your module for long. Now I made the new MM Update and the Space between my Icons is to small and I didn’t found a way to change. Maybe you can help me? This ist my CSS.

.MMM-page-indicator .indicator::before {
  font-size: 20px;
  font-weight: 600;
  font-variant-emoji: text;
  line-height: 1.6;
  letter-spacing: 0.2 rem;
  white-space: pre;
  padding: 0 5px;
}

.MMM-page-indicator .page-0::before {
	content: "\f29a"; 
	font-family: FontAwesome;
	color: green;
}
.MMM-page-indicator .page-1::before {
	content: "\f6c3";
	font-family: FontAwesome;
	color: yellow;
}
.MMM-page-indicator .page-2::before {
	content: "\f1ea";
	font-family: FontAwesome;
	color: #FF692A;
}
.MMM-page-indicator .page-3::before {
	content: "\f073";
	font-family: FontAwesome;
	color: orange;
}
.MMM-page-indicator .page-4::before {
	content: "\f06d";
	font-family: FontAwesome;
	color: pink;
}
.MMM-page-indicator .page-5::before {
	content: "\e1b0";
	font-family: FontAwesome;
	color: greenyellow;
}
.MMM-page-indicator .page-6::before {
	content: "\f02f";
	font-family: FontAwesome;
	color: #155DFC;
}

.MMM-page-indicator .page-7::before {
	content: "\f03d";
	font-family: FontAwesome;
	color: cyan;
}
.MMM-page-indicator .page-8::before {
	content: "\f19d";
	font-family: FontAwesome;
	color: violet;
}
.MMM-page-indicator .page-9::before {
	content: "\f05a";
	font-family: FontAwesome;
	color: #27A3F5;
}
.MMM-page-indicator .page-10::before {
	content: "\f58b";
	font-family: FontAwesome;
	color: #F54927;
}
.MMM-page-indicator .page-11::before {
	content: "\f5a2";
	font-family: FontAwesome;
	color: lime;
}
.MMM-page-indicator .page-12::before {
	content: "\f008";
	font-family: FontAwesome;
	color: bisque;
}
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0.6; }
}

.MMM-page-indicator .active-page {
    color: orange;
    font-variant-emoji: text;
    animation: pulse 8s ease-in-out infinite;
}

Thank you!

Hey @lavolp3,

thank you for the nice module. Is there a way to change the header from ‘MMM-Soccer’ to smth else? I’ve tried to set the header in the config.js but then I have two header. My one an the ‘MMM-Soccer’ header. THX

Edit: I found a way. It’s not the finest solution but it works. I changed the header in the ‘MMM-soccer.njk’ file.

Hey @Isaac-the-Man,

is there a way to change the background color of the digits. I’m using the module at my Dashbord and the backround is grey. Thx

@sdetweil I think @seabass have to try.

Regards from Denmark.

Hey @seabass, it look’s good. I’m not sure but I think you need to install MMM-Remote-Control for sending notifications. Maybe @sdetweil can tell us more about this? Thanks.

@seabass Ok, do you have MMM-Remote-Control installed?
Can you share your config by the way?

@seabass For me the following cofiguration ist working fine with every Touch Display I’m using. (Surface, Dell Touch Monitor, HP AIO Touch)
I using this module. MMM-Touch and also MMM-Pages

{
			module: "MMM-Touch",
			position: "top_center",
			classes: "",
			    disabled: false,
			    config: {
				debug: false,
				useDisplay: false,
				autoMode: false,
				defaultMode: "default",
					gestureCommands: {
					  "default":{
							"TAP_1": (commander) => {commander.sendNotification("USER_PRESENCE", true);},
							"SWIPE_RIGHT_1": (commander) => {commander.sendNotification("PAGE_DECREMENT", null);},
							"SWIPE_LEFT_1": (commander) => {commander.sendNotification("PAGE_INCREMENT", null);},
							"SWIPE_DOWN_1": (commander, gesture) => {commander.sendNotification("ARTICLE_PREVIOUS")},
							"SWIPE_UP_1": (commander, gesture) => {commander.sendNotification("ARTICLE_NEXT")},
							"SWIPE_DOWN_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_PREV")},
							"SWIPE_UP_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_NEXT")},
							//"DOUBLE_TAP_1": (commander) => {commander.sendNotification("LOAD_NEXT_WALLPAPER", null);},
							"SWIPE_LEFT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex + 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
							"SWIPE_RIGHT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex - 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
				}, 
			}
		},
  },

@seabass said in Kitchen Touchscreen Dashboard:

I see you’re using the MMM-Touch and MMM-pages modules. Are you able to swipe to the next page configured with the MMM-pages module? Would you be able to share your module configuration for the MMM-Touch and MMM-pages modules as I’m unable to get the MMM-Touch module working with my setup. Thank you!

 {
			module: "MMM-Touch",
			position: "top_center",
			classes: "",
			    disabled: false,
			    config: {
				debug: false,
				useDisplay: false,
				autoMode: false,
				defaultMode: "default",
					gestureCommands: {
					  "default":{
							"TAP_1": (commander) => {commander.sendNotification("USER_PRESENCE", true);},
							"SWIPE_RIGHT_1": (commander) => {commander.sendNotification("PAGE_DECREMENT", null);},
							"SWIPE_LEFT_1": (commander) => {commander.sendNotification("PAGE_INCREMENT", null);},
							"SWIPE_DOWN_1": (commander, gesture) => {commander.sendNotification("ARTICLE_PREVIOUS")},
							"SWIPE_UP_1": (commander, gesture) => {commander.sendNotification("ARTICLE_NEXT")},
							"SWIPE_DOWN_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_PREV")},
							"SWIPE_UP_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_NEXT")},
							//"DOUBLE_TAP_1": (commander) => {commander.sendNotification("LOAD_NEXT_WALLPAPER", null);},
							"SWIPE_LEFT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex + 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
							"SWIPE_RIGHT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex - 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
				}, 
			}
		},
  },

@sdetweil Ok, maybe. For me the problem is solved.

@sdetweil Today everything is working normally. I don’t know what happend yesterday.

@sdetweil I’ve got the same issue since today. Any other solutions? To change the fetchtimeout doesn’t help.

@mumblebaj No, I don’t. I tried again and now it is working, but I don’t know why?! I’m not sure I think I made a mistake the first time I installed it.

Thank you for your help!

@sdetweil Okay, thanks. I learned something new.

@mumblebaj Ok, this is what I mean. You said it is working with MMM-pages an server only mode. So, I’ve checked the Logs, but there are no errors.
I will try the module with my other Mirror Server. Maybe it’s something wrong with this server… Thanks.

Hey @mumblebaj,

looks nice, but I couldn’t get it working. I install all the Dependencies, but it doesn’t work. Is the module not working with more pages and server mode?

@MZ-BER Thank you! You’re Welcome!

I’m using the MM as a server and just open Webpage in Chromium on Ubuntu. For this I using an Intel Nuc and 23" Dell Touch Monitor. I can share some more Pictures this evening.

The SmartHome Control is an embeded Webpage I made with iQontrol from ioBroker and the Visualization is Grafana. Also as an embeded Webpage. Grafana takes the data from ioBroker.

Here are some Pictures of the Screen (not only Screenshots)…

@BerkSmash1984 Thank You. I found a way to fix it with my custom css.

.juice-container {
  height: auto;
  width: 200px;
}
.juice-title {
  font-size: 20px;
  text-align: center;
  padding: 0px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}

Nice Module, but I have a problem with the position of Juice Title. Here’s a Screenshot… Maybe somebody have an idea? Thanks…

@sdetweil Thank you. I didn’t know this. I will have a look later…