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 46.3k 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
      maxz1818 @tjat
      last edited by

      @tjat this is exactly what I’ve been looking to build. Can’t wait to dive into what you’ve created.

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

                                            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