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

Need help MMM-touch MMM-pages MMM-page indicator

Scheduled Pinned Locked Moved Development
27 Posts 7 Posters 5.5k Views 9 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.
  • S Offline
    sdetweil @tburk32
    last edited by Feb 4, 2025, 8:55 PM

    @tburk32 no. the code doesn’t know

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    T 1 Reply Last reply Feb 4, 2025, 10:03 PM Reply Quote 0
    • S Offline
      sdetweil @tburk32
      last edited by Feb 4, 2025, 9:06 PM

      @tburk32 also, before 2.30

      you could do

      npm start dev
      

      on 2.30, because of the different ui engine choices

      npm run start:dev
      

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • T Offline
        tburk32 @sdetweil
        last edited by Feb 4, 2025, 10:03 PM

        @sdetweil I agree, but it isn’t the way it’s acting. When I have it in the dev console, a grey circle also appears on the screen as a cursor and I’m wondering if that is part of the difference.

        S 1 Reply Last reply Feb 4, 2025, 10:14 PM Reply Quote 0
        • S Offline
          sdetweil @tburk32
          last edited by Feb 4, 2025, 10:14 PM

          @tburk32 maybe the dev console gives you access under the z-index for touch

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          T 1 Reply Last reply Feb 5, 2025, 3:27 PM Reply Quote 0
          • T Offline
            tburk32 @sdetweil
            last edited by Feb 5, 2025, 3:27 PM

            @sdetweil I removed all of the other modules in my config.js file and experienced the same results. To go one step further with the z-index exploration, I added this to the custom.css.

            .MMM-Touch (position: absolute; z-index -1) 
            

            Additionally, while having the dev console open, clicks with a mouse also register on MMM-Touch, so I it doesn’t seem like it’s unique to the display/touch function.

            I really appreciate your responses so far.

            S 1 Reply Last reply Feb 5, 2025, 3:32 PM Reply Quote 0
            • S Offline
              sdetweil @tburk32
              last edited by sdetweil Feb 5, 2025, 3:49 PM Feb 5, 2025, 3:32 PM

              @tburk32 you have an error there

              css has

              name : value ;
              

              your z-index is missing both : and ;

              and -1 means background, down/further away , in the 3d stack
              so that puts other content on top of it, so touch wont work

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              T 1 Reply Last reply Feb 5, 2025, 4:52 PM Reply Quote 0
              • T Offline
                tburk32 @sdetweil
                last edited by Feb 5, 2025, 4:52 PM

                @sdetweil thanks for pointing out the -1 index, I saw it as a resolution on another topic and figured I’d try. No values in the z-index seem to make a difference.

                While in devtools, I selected “restore defaults and reload” and the MMM-Touch inputs were no longer recognized, which aligns with the expectation that “the code doesn’t know”. This helped me realize that the Device toolbar (ctrl+shift+M) has to be displayed for the inputs to be recognized again, either with a touch or a click.

                S 1 Reply Last reply Feb 5, 2025, 5:22 PM Reply Quote 0
                • S Offline
                  sdetweil @tburk32
                  last edited by Feb 5, 2025, 5:22 PM

                  @tburk32 did you enable touch events in custom.css
                  cause they are disabled by default in main.css
                  main.css

                  html {
                    cursor: none;
                  
                  }
                  

                  custom.css

                  html {
                    cursor: default;
                  }
                  

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  T 1 Reply Last reply Feb 5, 2025, 9:03 PM Reply Quote 0
                  • T Offline
                    tburk32 @sdetweil
                    last edited by Feb 5, 2025, 9:03 PM

                    @sdetweil changing the cursor value doesn’t seem to make a difference. The touch functionality works for mmm-Calendarext3, to select a day, clicking on the mmm-page-indicator to change pages and mmm-Microsofttodo to complete tasks, so it doesn’t seem to be a problem aside from mmm-Touch not registering the values unless in devtools with the device toolbar open.

                    S 1 Reply Last reply Feb 5, 2025, 9:08 PM Reply Quote 0
                    • S Offline
                      sdetweil @tburk32
                      last edited by sdetweil Feb 5, 2025, 9:13 PM Feb 5, 2025, 9:08 PM

                      @tburk32 so touch is under ext3

                      put touch on top then ext3 wont work

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        17/27
                        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