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.

    4k Dashboard

    Scheduled Pinned Locked Moved Show your Mirror
    21 Posts 13 Posters 15.6k Views 17 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
      mlhote
      last edited by

      Hello
      great job
      that’s wonderful
      To rotate the screen you did it in css or with the classic interface.
      If it’s not too much abuse can you show us your custom css to learn…

      1 Reply Last reply Reply Quote 1
      • P Offline
        Python
        last edited by

        Very nice layout!

        I have a Model 3 on order and already have teslamate setup. I’m looking forward to making a “Tesla Dashboard” specific for my garage similar to how you’re showing your P85 and power use.

        M 1 Reply Last reply Reply Quote 0
        • C Offline
          cyberphox @Aardal1
          last edited by

          @aardal1 I wish I had to patience and creativity to really dive into CSS…instead I just wait for something like this to come along and shamelessly try and copy the code!
          Great looking board!

          Full time Dad, DJ and entertainer and lover of technology.

          cowboysdudeC F 2 Replies Last reply Reply Quote 0
          • cowboysdudeC Offline
            cowboysdude Module Developer @cyberphox
            last edited by

            @cyberphox Eh don’t feel bad… I many of us do the same. LOL

            I’d be VERY interested in his css for this…

            BKeyportB 1 Reply Last reply Reply Quote 2
            • F Offline
              frog @cyberphox
              last edited by

              @cyberphox

              Have you looked at https://github.com/tchellomello/python-ring-doorbell

              C 1 Reply Last reply Reply Quote 2
              • C Offline
                cyberphox @frog
                last edited by

                @frog I haven’t…although I’m unsure what it has to do with CSS

                Full time Dad, DJ and entertainer and lover of technology.

                1 Reply Last reply Reply Quote 0
                • M Offline
                  mvrlogins @Python
                  last edited by

                  @python

                  I have a Model X and also use Teslamate

                  I’ve incorporated that into my mirror as below:

                  alt text

                  Using this module -
                  https://github.com/spitzlbergerj/MMM-TeslaLogger

                  And a little node script within an iframe to get the map

                  N6NGN 1 Reply Last reply Reply Quote 0
                  • S Offline
                    SoleLo @Aardal1
                    last edited by

                    @Aardal1 can you share your custom code for MMM-Teslamate?

                    1 Reply Last reply Reply Quote 0
                    • N6NGN Offline
                      N6NG @mvrlogins
                      last edited by

                      @mvrlogins Nice mirror… How did you keep the calendar from fading the time section…I’ve been trying and can’t find out where to turn off the fade… Thanks
                      Dennis N6NG

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

                        @N6NG from the doc
                        .Screenshot_20220603-213736_Chrome.jpg

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        N6NGN 1 Reply Last reply Reply Quote 0
                        • N6NGN Offline
                          N6NG @sdetweil
                          last edited by

                          @sdetweil I don’t find fadePoint in the config.js file. Do I need to add it or is it in the calendar.css ?

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

                            @N6NG those are config.js settings

                            if not specified, then the default value is used.

                            so you can use
                            fade: false
                            to turn off fade

                            or
                            fadepoint:4
                            (for example to start the fade at 4th entry)

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            N6NGN 1 Reply Last reply Reply Quote 0
                            • N6NGN Offline
                              N6NG @sdetweil
                              last edited by

                              @sdetweil I added the fadePoint ok but it only works on the event name. All the times are still faded which is what I don’t want faded.

                              1 Reply Last reply Reply Quote 0
                              • BKeyportB Offline
                                BKeyport Module Developer @cowboysdude
                                last edited by BKeyport

                                @cowboysdude As am I. This would be VERY interesting.

                                The "E" in "Javascript" stands for "Easy"

                                N6NGN 1 Reply Last reply Reply Quote 0
                                • N6NGN Offline
                                  N6NG @BKeyport
                                  last edited by

                                  @BKeyport That’s why I asked the person with the 4K mirror.
                                  He had the calendar without faded times and that’s what I want to do.

                                  M 1 Reply Last reply Reply Quote 0
                                  • M Offline
                                    mvrlogins @N6NG
                                    last edited by

                                    @N6NG

                                    Sorry for the late reply - missed your post

                                    Following is my calendar config in config.sys

                                          module: 'calendar',
                                          position: 'top_right',
                                          header: 'CALENDAR',
                                          config: {
                                           
                                            maximumEntries: 21,
                                            maxTitleLength: 25,
                                            fade: false,
                                            displaySymbol: false,
                                            timeFormat: 'relative',
                                            nextDaysRelative: true,
                                            dateFormat: 'ddd MMM DD HH:mm',
                                            fullDayEventDateFormat: 'ddd MMM DD',
                                            calendars: [
                                              {
                                             
                                                symbol: 'home',
                                                url: 'webcal://p49-caldav.icloud.com/published/2/abcdefghijkl......mnopqrs',
                                                maximumEntries: 19
                                              },
                                    
                                    

                                    Hope that helps

                                    N6NGN 1 Reply Last reply Reply Quote 0
                                    • N6NGN Offline
                                      N6NG @mvrlogins
                                      last edited by

                                      @mvrlogins Thanks…
                                      Dennis

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

                                        your mirror looks nice. Can you share your css?

                                        1 Reply Last reply Reply Quote 0
                                        • G Offline
                                          greedyvegan
                                          last edited by

                                          thanks for this, it’s very inspiring.

                                          1 Reply Last reply Reply Quote 0
                                          • C Offline
                                            cyberphox
                                            last edited by

                                            Didd the CSS ever get shared?

                                            Full time Dad, DJ and entertainer and lover of technology.

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