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.
    • M Offline
      msdt_steak @sdetweil
      last edited by

      @sdetweil said in Touchscreen Family Dashboard:

      @msdt_steak and MMM-WifiPassword shows whatever its configured for

      @sdetweil thanks. So you think the MMM-WifiPassword i the better way to go rather than create your own QR image and try to have the QR image created myself show?

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

        @msdt_steak i’m not going to create my own!

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

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