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

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

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

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