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 4.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.
    • KamiSchamiK Offline
      KamiSchami
      last edited by KamiSchami

      Hello, is there a way to allow modules to be temporarily hidden? I use a touch display and after touching the buttons, for example, should be displayed again. thanks

      snapshot.png

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

      S 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @KamiSchami
        last edited by

        @kamischami nothing built in, but you could hide a module on button push , and show if hidden

        are these hardware buttons or on screen?

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        KamiSchamiK 1 Reply Last reply Reply Quote 0
        • KamiSchamiK Offline
          KamiSchami @sdetweil
          last edited by

          @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 Reply Quote 0
          • S Offline
            sdetweil @KamiSchami
            last edited by

            @kamischami what module is providing the button support?

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            KamiSchamiK 1 Reply Last reply Reply Quote 0
            • KamiSchamiK Offline
              KamiSchami @sdetweil
              last edited by

              @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 Reply Quote 0
              • S Offline
                sdetweil @KamiSchami
                last edited by

                @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

                KamiSchamiK 1 Reply Last reply Reply Quote 0
                • KamiSchamiK Offline
                  KamiSchami @sdetweil
                  last edited by

                  @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 Reply Quote 0
                  • S Offline
                    sdetweil @KamiSchami
                    last edited by 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.

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    KamiSchamiK 1 Reply Last reply Reply Quote 0
                    • KamiSchamiK Offline
                      KamiSchami @sdetweil
                      last edited by

                      @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 Reply Quote 0
                      • S Offline
                        sdetweil @KamiSchami
                        last edited by

                        @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 Reply Quote 0
                        • S Offline
                          sdetweil @sdetweil
                          last edited by 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

                          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

                            @kamischami did u try my updated module?

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            KamiSchamiK 1 Reply Last reply Reply Quote 0
                            • KamiSchamiK Offline
                              KamiSchami @sdetweil
                              last edited by

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

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

                              1 Reply Last reply Reply Quote 0

                              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                              With your input, this post could be even better 💗

                              Register Login
                              • 1 / 1
                              • First post
                                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