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.

    Touchscreen Family Dashboard

    Scheduled Pinned Locked Moved Show your Mirror
    touchscreentouch
    51 Posts 26 Posters 45.9k Views 44 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.
    • E Offline
      elwood1982uk @wswenson
      last edited by

      @wswenson @tjat i’d also love to see the original files. I’m very much a noob here. I’ve tried downloading and installing all the modules but it just looks like the default mm screen -how do I configure/edit to look like yours, etc, please?

      1 Reply Last reply Reply Quote 0
      • E Offline
        elwood1982uk @roysim11
        last edited by

        Man I thought I was the only person on the internet who wanted a family dashboard that was interactive (ie to enter events on Google calendar -not just view them!). I’ve got the RPI and touch screen (Hannspree 23") sorted but with no real knowledge of coding or magic mirror modules was at a loss. I will be looking through your posts/git in more detail then I next get time! Thanks!

        M 1 Reply Last reply Reply Quote 0
        • M Offline
          mdiorio @elwood1982uk
          last edited by

          @elwood1982uk

          I was having issues with the calendar swipe feature not working. The keypress would work fine though. Looks like the new version of Electron has removed touchevents and changed to pointerdown and pointerup.

          I forked the original and made the changes: https://github.com/B3DTech/MMM-KeyPress

          I’m looking at cleaning up code in the add event module to remove some of the hard-coded customizations in the original. They are very much customized to the original creator with family names and icons hard coded. For the most part, that isn’t needed in a general framework for just adding events.

          I am also looking at merging the code into the latest version of MMM-CalendarExt3 since it’s so far behind now.

          It’s a slow work in progress. If anyone else has some time and wants to help out let me know.

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @mdiorio
            last edited by

            @mdiorio electron still will provide touch events provided the underlying screen service does…

            did you change OS levels since it last appeared to work?

            they have changed the window manager twice in the last year.

            Original was X11
            last year introduced Wayland
            this Oct introduced Labwc

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            M 1 Reply Last reply Reply Quote 0
            • M Offline
              mdiorio @sdetweil
              last edited by

              @sdetweil said in Touchscreen Family Dashboard:

              did you change OS levels since it last appeared to work?

              First time I’m using it is this week, so it would appear I’m using labwc.

              All I know is that the old KeyPress module wasn’t working and doing a console debug in electron was showing no touchevents being sent, only pointer events.

              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @mdiorio
                last edited by

                @mdiorio you can change back to x11 using the raspi-config app

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                M 1 Reply Last reply Reply Quote 0
                • M Offline
                  mdiorio @sdetweil
                  last edited by

                  @sdetweil Why would I change back when my code works with the current version. General concept MM should be don’t require a crap ton of customization just to make it work. Making users who may want to use this switch to a different windowing system doesn’t really make sense. Especially since I’m sure RPi will eventually remove X11.

                  S 1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @mdiorio
                    last edited by sdetweil

                    @mdiorio because it is new and not working in many cases yet

                    if you want it to work now, your only choice is to move back

                    you said your code does not work, touch doesnt

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • E Offline
                      elwood1982uk
                      last edited by

                      Hi all. Back after Xmas break. I’m still very new to this and not entirely sure where to begin. Before Xmas I tried downloading the files provided (thanks!) but can’t get it to work. Any chance of a noob walkthrough or a link to somewhere that will tell me how to add the modules and get a working touch calendar? Thanks!

                      L 1 Reply Last reply Reply Quote 0
                      • S sdetweil referenced this topic on
                      • L Offline
                        linkiln @elwood1982uk
                        last edited by

                        @elwood1982uk Hi, I’ve got similar problem with touch callendar. I’ve made two changes in https://github.com/B3DTech/MMM-KeyPress module.

                        In node_helper.js:
                        step: (direction === “ArrowRight” ? 3 : -3) // 1 to move forward, -1 to move backward
                        to:
                        step: (direction === “ArrowRight” ? 1 : -1) // 1 to move forward, -1 to move backward

                        and second thing uncomment:
                        // this.sendNotification(‘CX3_GLANCE_CALENDAR’, payload);

                        After this changes changing calendar start working with touch.

                        E 1 Reply Last reply Reply Quote 0
                        • E Offline
                          elwood1982uk @linkiln
                          last edited by

                          @linkiln @sdetweil thanks again both. I guess what else I need to know is what modifications I need to make to the original files to get them to work/personalised for my own family? (E.g. where do I change values, names, etc?). I do want to learn but have very limited time so when I get a chance to look at it I get very little time to figure stuff out through trial and error and therefore it’s sitting gathering dust - so any pointers/instructions gratefully received! 😉

                          E 1 Reply Last reply Reply Quote 0
                          • E Offline
                            elwood1982uk @elwood1982uk
                            last edited by

                            I’m basically going round in circles. Whenever I restart I have to remember everything from before so it’s very slow progress. I’ve just started fresh, using the auto installer (thanks). Took a while to get node/npm to the right version (I’m not sure why the auto installer didn’t?). Now at the point of adding modules but again I’ve run out of time. Could really do with a straightforward walkthrough (I do realise there is lots of info around/on here, but I find it overwhelming to know where to start, or when something goes wrong (long the node version earlier) how to sort it. Just want an editable touch screen Google calendar! 🤪`

                            S 2 Replies Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @elwood1982uk
                              last edited by

                              @elwood1982uk send the ~/install.log to my email…
                              same id as here at gmail. I’ll fix whatever caused the wrong node…

                              you DID execute install DIRECTLY from the github page, with copy/paste… right?
                              you did NOT clone that repo and execute from the copy (cause I update it all the time to keep it current)
                              which is why it have copiable lines to paste and execute

                              you did start with the FULL image, not the light… light makes things MUCH more complicated

                              Whenever I restart I have to remember everything from before so it’s very slow progress

                              if you use my backup/restore scripts, then you wouldn’t have to remember the MM setup
                              https://github.com/sdetweil/MagicMirror-backup-restore
                              you can add one module, backup
                              and another backup
                              (I save versions, so you can get back to any one of them)

                              but other than that there is no ‘straight forward steps’, do this, then this…

                              welcome to the learning curve. someone created something new, (touch screen editable calendar)… so there are extra things everywhere…

                              and a LOT to know…

                              this is NOT plop a TV on the wall and you’re done…

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • S Do not disturb
                                sdetweil @elwood1982uk
                                last edited by

                                @elwood1982uk said in Touchscreen Family Dashboard:

                                editable touch screen Google calendar

                                google has that already, open the calendar web page… done…
                                don’t need MagicMirror to do that

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                E 1 Reply Last reply Reply Quote 0
                                • E Offline
                                  elwood1982uk @sdetweil
                                  last edited by

                                  @sdetweil thanks yes I think that’s what I’ll do but I can’t even get a virtual keyboard working (have tried onboard and another-the name has slipped my mind) -they either don’t pop up or are too big etc. It’s not that I thought it would be easy but I did think I’d at least get it partly done by now 🤪

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @elwood1982uk
                                    last edited by

                                    @elwood1982uk did you see
                                    https://forum.magicmirror.builders/topic/12526/mmm-keyboard-a-virtual-touch-keyboard

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • T Offline
                                      tugamuc @tjat
                                      last edited by

                                      @tjat
                                      Hi,

                                      I think your project is amazing! Maybe it’s a bit silly of me to ask, but would you be willing to share your project with us? Specifically, the

                                      • onfig.js

                                      • custom.css

                                      and maybe your modules.
                                      I (and probably others as well) would love to use your project but might not have such great ideas ourselves.

                                      If you’re kind enough to share it, please make sure to remove any personal data.

                                      Thanks a lot for your awesome work!

                                      Best regards,

                                      S 1 Reply Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil @tugamuc
                                        last edited by

                                        @tugamuc he shared the link here
                                        https://forum.magicmirror.builders/post/111162

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          sfrangakis @jalow
                                          last edited by

                                          @jalow

                                          Hi, I would also like to know what files you modified and how you did so to be able to modify/delete events. I am having the same problem you were where the eventId is ‘undefined’ in the CX3 module. Any help would be appreciated, thank!

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @sfrangakis
                                            last edited by

                                            @sfrangakis he shared his code

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            S 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
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • 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