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.
    • 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