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.
    • T Offline
      tjat
      last edited by

      Some fun updates made over the past 2 weeks, all in my git for anyone interested. Code might be specific to my use, but could be adaptable: https://github.com/tjat84

      MMM-ScreenSaver: After a period of inactivity, this module pulls the photo that would otherwise appear in the MMM-GooglePhotos module and bounces it around the darkened screen. Will turn off when the touchscreen is pressed.

      MMM-SystemOptions: Displays a drop-down option menu that allows the user to send MMM-RemoteControl notifications straight from the dashboard (e.g refresh screen, minimize window, reboot, shut down, and activate screensaver if available)

      MMM-InfoPage: Loads as a collapsed module in the bottom left of the screen. The user then swipes up to expand and displays information my category. I’m using it to display phone numbers of key contacts, town services, and my kid’s login information for school apps. A few pictures below

      collapsed.png

      expanded.png

      M 1 Reply Last reply Reply Quote 0
      • M Offline
        MM-JRH @tjat
        last edited by

        @tjat This is awesome. Following closely and going to start trying to adapt some of this to my project.

        I was getting hung up on modifying the existing Google Maps Traffic app with, like you, no java or CSS background :)

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

          @tjat

          How did you get it to pull ten months? I tried using your modules, but I lost the ability to pull the pop up. I figured out how to modify the original module you forked from (if that’s the right terminology) to be able to register the key presses, but when I do, it does not progress to the next week.

          Any help is appreciated!

          T 1 Reply Last reply Reply Quote 0
          • MZ-BERM Offline
            MZ-BER
            last edited by

            Hello @tjat - thanks for sharing and great work! Can you please tell which touchscreen you have? Thanks in advanve.

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

              @wperry530

              What do you mean by “pull 10 months”?

              @MZ-BER it’s an ASUS 24" (BE24ECSBT)

              1 Reply Last reply Reply Quote 1
              • N Offline
                normalnorman
                last edited by

                Is there any chance you could send an anonymized version of your config?? :folded_hands:

                A 1 Reply Last reply Reply Quote 2
                • A Offline
                  andyleneway @normalnorman
                  last edited by

                  @normalnorman @tjat
                  I would also love this, I’m struggling to get this to work.

                  J 1 Reply Last reply Reply Quote 3
                  • J Offline
                    jalow @andyleneway
                    last edited by

                    @andyleneway @normalnorman

                    Hi guys. I was looking into this too as I wanted the functionality of being able to add/edit/remove a google calendar event within the MM environment. I used what tjat has in his repository as a base and modified it to create a version that is working for me, let me know if you’re still looking to do something with this. The key part was that I had to edit some files to get and propagate the event ID for the default calendar module, as CX3 pulls its data from that.

                    R S 2 Replies Last reply Reply Quote 3
                    • M Offline
                      msdt_steak @tjat
                      last edited by

                      @tjat said in Touchscreen Family Dashboard:

                      @rpp
                      Yeah, here’s a link to my git. I’m not a coder so I’m assuming I’m missing some best practices but each module should be accessible. They’re certainly highly customized for my specific classes, icons, etc.
                      https://github.com/tjat84

                      My screen is an ASUS BE24ECSBT.

                      Thanks for sharing your GitHub. I saw you had a module for the GuestWifiQR - I tried to replicate but for some reason the magicmirror wouldnt show it but the mirror still loaded. Would be interested if you got it working and how you put it in the config.js file?

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

                        @msdt_steak and MMM-WifiPassword shows whatever its configured for

                        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
                          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 Offline
                            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

                                            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