@tidus5, how do you mean with css?

I thought that version 2 of the mirror did not use jquery anymore?

Needed to change it to the following:

hide: 100
show: 7000

This works for the first gesture “up”. If I repeat the same for going back to the first “page” the module flips for a second back to the lower position, before it fades away. Because the time is set to 7000 the fade becomes slow.

Should I put a wait between hide and show? How?

The problem is that the second module comes in the screen before the first one is completely hided I geuss? Or what do you mean with the latency of the module?

@tidus5, No they have the same zone: position: ‘top_right’,

The code I’m using is in my “skywriter” module:

Module.register("MMM-skywriter",{
	
	// Default module config.
	defaults: {
		gesture_up: 0,
		gesture_right: 0,
		
	},

	// Override socket notification handler.
	socketNotificationReceived: function(notification, payload) {
		if (notification === "gesture_observed"){
			
			console.log ("socketnotificationreceived.");
		
			//self.sendNotification(notification, payload);
			
			if (payload === "up"){
				if (this.config.gesture_up == 0) {
						
						MM.getModules().withClass(this.config.defaultClass).exceptWithClass(this.config.everyoneClass).enumerate(function(module) {
							module.hide(1000, function() {
								Log.log(module.name + ' is hidden.');
							});
						});
				
						MM.getModules().withClass("class_up_1_show").enumerate(function(module) {
							module.show(1000, function() {
								Log.log(module.name + ' is shown.');
							});
						});
						
						this.config.gesture_up = this.config.gesture_up+1;
						console.log (this.config.gesture_up);

						console.log("gesture_up is nu 1");
				}
				else if (this.config.gesture_up == 1) {
						this.config.gesture_up = this.config.gesture_up+1;
						console.log (this.config.gesture_up)
						console.log("gesture_up is nu 2");
				}
			}
			else if (payload === "left"){
				console.log("test - left");
			}
			else if (payload === "down") {
				console.log("test - down");
				
				if (this.config.gesture_up == 1){
					this.config.gesture_up = this.config.gesture_up-1;
					
					MM.getModules().withClass("class_up_1_show").enumerate(function(module) {
						module.hide(1000, function() {
							Log.log(module.name + ' is hidden by gesture.');
						});
					});
					
					MM.getModules().withClass(this.config.defaultClass).exceptWithClass(this.config.everyoneClass).enumerate(function(module) {
							module.show(1000, function() {
								
								
								
								Log.log(module.name + ' is hidden.');
							});
						});
					
				}
				else if (this.config.gesture_up == 2){
					this.config.gesture_up = this.config.gesture_up-1;
					console.log("gesture up is terug 1");
				}
			}
		}
	},
	
	notificationReceived: function(notification, payload, sender) {
		if (notification === 'DOM_OBJECTS_CREATED') {
			MM.getModules().exceptWithClass("default").enumerate(function(module) {
				module.hide(1000, function() {
					Log.log('Module is hidden.');
				});
			});
		}
	},
	
	start: function() {
		this.current_user = null;
		this.sendSocketNotification('CONFIG', this.config);
		Log.info('Starting module: ' + this.name);
	}
	
});

Hi,

When using the hide/show function the new function jumps from the bottom to the top.
Rather difficult to explain, but I made a movie about it. Sorry for the moving around…

Youtube, jumping of modules.

What would be a solution to immediately show the new module on the top?

Hi,

I want to load a certain url to perform an action, but I do not want to show that page. What would be the best way to implement this? It should work within the Modules.

http://xxx.xxx.xxx.xxx:port/EN/status.html?p0=playlist&p1=jump&p2=0&start=0&player=00%3A00%3A00%3A00%3A00%3A01

Sorry, now that I see my post again: I did not insert the header tag in the correct module. (Shame shame)

@strawberry-3-141 , the problem is that inserting the “header” in the config file does not give the title !?

My config:

			module: "helloworld",
			position: "top_right",
			header: 'Muziekspelers',
			classes: 'default everyone',		
			config: {
				text: "test" //height: 100vh;
			}
		},```