Module fade out temporarily and fade it in by touch ?

sdetweil

@kamischami oh. THAT is a different problem

so the trick will be to hide the existing buttons and replace with a transparent button, which clicked reverses the process.

if u hide a module or an html element (style display: none), then it is not active anymore, and can’t be clicked

one might be able to change the opaqueness to 0 and have the buttons active but invisible.
then each button click handler will need to check if it’s invisible and change that vs doing it’s normal assignment.

KamiSchami

@sdetweil Yes, that would of course be possible … now the question is how to implement it

sdetweil

@kamischami the code for the MMM-TouchNavigation module needs to be changed

and some styles for the fade out/in transition, and the timing logic for fade out (after 5 minutes, or 1 or…)
and config for this support hideAfter: true/false (default false) might be able to do it with a number (the delay time, default 0)

I don’t know which approach works… (or works better) create another div and toggle active
or opacity only

sdetweil

@KamiSchami l said in Module fade out temporarily and fade it in by touch ?:

MMM-TouchNavigation

well, I gave it a try and the opacity approach works

rename your MMM-TouchNavigation folder and get mine
https://github.com/sdetweil/MMM-TouchNavigation

two new config parms

fadeButtons: true (default is false, buttons on screen all the time)
fadeDelay: milliseconds , default 15000… how long til u want them to fade out
if u touch a button the timer is restarted
once faded (to 20%, just barely visible, so u know where to touch), then they are surfaced, but the specific button notification was not sent… have to push button when not faded to send profile switch

sdetweil

@kamischami did u try my updated module?

KamiSchami

@sdetweil Hi, oooh that’s great. I haven’t had time to implement it yet. I will call you. Thanks very much!