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.
    • J Offline
      jalow @sharkbait
      last edited by

      @sharkbait said in Touchscreen Family Dashboard:

      How did you manage to increase the font-size of the calendar month heading (SEPTEMBER 2023)?

      I added in the custom css:

      .MMM-CalendarExt3 .module-header {
      font-size: [changes here]
      [other options you’d like to change]
      }

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

        @jalow Thank you. It worked.

        1 Reply Last reply Reply Quote 0
        • W Offline
          wswenson
          last edited by

          I would love to see your configuration and CSS files for this layout - looks really clean.

          Walter

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

            This is amazing! Thank you.

            Do you know if the Google calendar option works with iCal/iCloud calendar?

            1 Reply Last reply Reply Quote 0
            • R Offline
              roysim11 @jalow
              last edited by

              @jalow

              Could you elaborate on the changes you made to be able to be able add/edit/delete calendar entries in EXT3?

              I’m able to get the pop up to add events and the events add to the main calendar. I’m stuck tho, as I can’t edit or delete these events.

              A wishlist would be able to add events to some of the other linked calendars I have. I’m also stuck and can’t get the MMM-SimpleKeyboard to open. I’m running the magic mirror through server mode and view through a website and just use an attached wired keyboard for the time being.

              Thanks for any help!

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

                                            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