• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Module fade out temporarily and fade it in by touch ?

Scheduled Pinned Locked Moved Unsolved Feature Requests
13 Posts 2 Posters 2.6k Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • K Offline
    KamiSchami @sdetweil
    last edited by Dec 2, 2021, 10:42 PM

    @sdetweil … on screen

    Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

    S 1 Reply Last reply Dec 2, 2021, 10:44 PM Reply Quote 0
    • S Offline
      sdetweil @KamiSchami
      last edited by Dec 2, 2021, 10:44 PM

      @kamischami what module is providing the button support?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      K 1 Reply Last reply Dec 2, 2021, 10:50 PM Reply Quote 0
      • K Offline
        KamiSchami @sdetweil
        last edited by Dec 2, 2021, 10:50 PM

        @sdetweil , i use MMM-TouchNavigation

        Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

        S 1 Reply Last reply Dec 2, 2021, 11:04 PM Reply Quote 0
        • S Offline
          sdetweil @KamiSchami
          last edited by Dec 2, 2021, 11:04 PM

          @kamischami and profileswitcher…

          so this module doesn’t do much… but its SO close…

          MM can only show or hide modules. when u switch profiles and a module disappears, its because it is hidden, (but still running)

          SO, you could make another profile with whatever module you want to hide from THIS profile
          and cause a switch to that profile

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          K 1 Reply Last reply Dec 3, 2021, 8:43 AM Reply Quote 0
          • K Offline
            KamiSchami @sdetweil
            last edited by Dec 3, 2021, 8:43 AM

            @sdetweil

            Hello, yes I can of course create a new profile and change the time. I would like the buttons to hide and be there again when they are touched. So I could create a clean design.

            PS: I hope google translated it well.

            Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

            S 1 Reply Last reply Dec 3, 2021, 12:46 PM Reply Quote 0
            • S Offline
              sdetweil @KamiSchami
              last edited by sdetweil Dec 3, 2021, 12:52 PM Dec 3, 2021, 12:46 PM

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

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              K 1 Reply Last reply Dec 3, 2021, 1:20 PM Reply Quote 0
              • K Offline
                KamiSchami @sdetweil
                last edited by Dec 3, 2021, 1:20 PM

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

                Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

                S 1 Reply Last reply Dec 3, 2021, 2:13 PM Reply Quote 0
                • S Offline
                  sdetweil @KamiSchami
                  last edited by Dec 3, 2021, 2:13 PM

                  @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

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  S 1 Reply Last reply Dec 4, 2021, 3:37 AM Reply Quote 0
                  • S Offline
                    sdetweil @sdetweil
                    last edited by sdetweil Dec 8, 2021, 2:06 PM Dec 4, 2021, 3:37 AM

                    @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

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @KamiSchami
                      last edited by Dec 8, 2021, 2:06 PM

                      @kamischami did u try my updated module?

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      K 1 Reply Last reply Dec 9, 2021, 8:22 AM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        7/13
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy