@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.