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.

    Possible to enable mouse cursor on screen?

    Scheduled Pinned Locked Moved General Discussion
    10 Posts 7 Posters 6.6k Views 7 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.
    • J Offline
      jason02
      last edited by

      Hi, I’m planning to create a module to display a image carousel. The will be a left button on the left side of the screen and a right button on the right side of the screen. When a user clicks the left or right button, a new image is displayed in the center of the screen.

      The final version will most likely be touch enabled, but until then I would like to test out the button click events using a mouse for the time being. However the mouse/cursor seems disabled whenever I load the magic mirror. Is there anyway I can enable the mouse while using the magic mirror?

      1 Reply Last reply Reply Quote 0
      • cowboysdudeC Offline
        cowboysdude Module Developer
        last edited by

        That’s funny because I came here looking for the same thing… I’m hoping there is!

        1 Reply Last reply Reply Quote 0
        • paviroP Offline
          paviro Admin
          last edited by paviro

          It is disabled via CSS I am not sure on which element html or body so adding something like the following to the custom css file should work:

          body {
          cursor:default;
          }
          

          We're all stories in the end. Just make it a good one, eh?

          – The Doctor

          1 Reply Last reply Reply Quote 2
          • brobergB Offline
            broberg Project Sponsor
            last edited by

            As paviro said, the cursor is hidden as default, and to make stuff clickable you have to change the z-index of region-fullscreen to 0 (the fullscreen div is over everyrhing and blocks links and on click events.)

            1 Reply Last reply Reply Quote 0
            • cowboysdudeC Offline
              cowboysdude Module Developer
              last edited by

              Thanks @paviro …

              See I knew there’d be a way ;)

              1 Reply Last reply Reply Quote 0
              • C Offline
                cweinhofer
                last edited by

                Just an update on this. I don’t know if the methodology has changed or this is just an additional way. In my MM, it seems like the cursor is being hidden by

                html {
                  cursor: none;
                }
                

                so it can be shown with

                html {
                  cursor: auto;
                }
                

                (default would probably work as well)

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @cweinhofer
                  last edited by

                  @cweinhofer yes, but the design is a ‘mirror’ on a wall with no mouse or keyboard… why show the cursor, ever…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  karsten13K C 2 Replies Last reply Reply Quote 0
                  • karsten13K Offline
                    karsten13 @sdetweil
                    last edited by

                    @sdetweil said in Possible to enable mouse cursor on screen?:

                    why show the cursor, ever…

                    when you running mm in a web-browser there are use cases for a cursor, e.g.

                    • zooming in a map (MMM-RAIN-MAP, MMM-Flights, …)
                    • clicking on newsfeed articles to get the article opened in a new window
                    • …
                    S 1 Reply Last reply Reply Quote 0
                    • C Offline
                      cweinhofer @sdetweil
                      last edited by

                      @sdetweil said

                      the design is a ‘mirror’ on a wall

                      I know this was the original design, but I’m assuming that there are other people like me who realize the value of this software, but are using it somewhat outside it’s original design.

                      In my case, I have two MM’s running in my house:
                      One is on my HTPC, where I bring up the HTPC interface when I want to watch something and I have a MM with MMM-BackgroundSlideshow running as a sort of MM-PhotoFrame hybrid when I don’t.
                      The other is my kitchen touchscreen computer that has MM 90% of the time, but the other 10% gets minimized to Ubuntu touch so I can bring up recipes.

                      1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @karsten13
                        last edited by

                        @karsten13 not in a passive mirror

                        but for the extended use case with some active click device/mouse, then one can change it.

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 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