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.

    SimpleLogo auto change logo not working

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    21 Posts 3 Posters 6.8k Views 3 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.
    • R Offline
      RoadRunnr1469
      last edited by

      The ReadMe file shows this
      cat README.md

      Module: MMM-SimpleLogo

      The MMM-SimpleLogo module is third party modules of the MagicMirror. This module simply displays logo.

      Using the module

      To use this module, add it to the modules array in the config/config.js file:

      modules: [
          {
              module: 'MMM-SimpleLogo',
              position: 'top_left',    // This can be any of the regions.
              config: {
                  // The config property is optional.
                  // See 'Configuration options' for more information.
              }
          }
      ]
      

      Configuration options

      The following properties can be configured:

      Option Description
      fileUrl File url.

      Possible values: Logo link form internet or path to your local files relative to MagicMirror directory
      Default value: 'modules/MMM-SimpleLogo/public/logo.png'
      width Set width of your logo, height is auto.

      Possible values: '300px' or '50%'
      Default value: '200px'
      position Horizontal position on current container

      Possible values: left, center, or right
      Default value: left
      refreshInterval Refresh/refetch image file between interval. Only use this if your image url return different image after some interval of time, even the fileUrl is not changed. See this case #2, awesome project by @ElYoM

      Possible values: 1000, 2000, or 10000
      Default value: 0 (disabled)
      text Text above the image.

      Possible values: Any text
      Default value: Simple Logo

      Notification Events

      The MMM-SimpleLogo module supports the notification event SIMPLE_LOGO_UPDATE which allows the configuration to be dynamically modified. As an example, the MMM-OnScreenMenu module might be used to dynamic adjust the fileURL parameter as follows:

      {
          module: "MMM-OnScreenMenu",
          position: "top_left",
          config: {
              menuItems: {
                  notify1: {
                      title: "Show Cat",
                      notification: "SIMPLE_LOGO_UPDATE",
                      payload: {
                          fileUrl: "cat.jpg",
                          width: "750px"
                      }
                  },
                  notify2: {
                      title: "Show Dog",
                      notification: "SIMPLE_LOGO_UPDATE",
                      payload: {
                          fileUrl: "dog.jpg",
                          width: "1050px"
                      }
                  }
              }
          }
      }
      
      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @RoadRunnr1469
        last edited by

        @RoadRunnr1469 right. Some external module sends a message.

        I didn’t look at that code

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        R 3 Replies Last reply Reply Quote 0
        • R Offline
          RoadRunnr1469 @sdetweil
          last edited by

          @sdetweil
          Based on the section “Notification Events” I added a section as called out.
          this isn’t letting me paste it in here, says it is spam.

          1 Reply Last reply Reply Quote 0
          • R Offline
            RoadRunnr1469 @sdetweil
            last edited by

            @sdetweil

            I added this to the config.js file

                        {
                        module: "MMM-OnScreenMenu",
                                position: "bottom_right",
                                config: {
                                        menuItems: {
                                        notify1: {
                                                title: "Patch",
                                                notification: "SIMPLE_LOGO_UPDATE",
                                                payload: {
                                                        fileUrl: "modules/MMM-SimpleLogo/public/Amc.JPG",
                                                        width: "200px"
                                                        }
            
            S 1 Reply Last reply Reply Quote 0
            • R Offline
              RoadRunnr1469 @sdetweil
              last edited by sdetweil

              @sdetweil

                                                      },
                                              notify2: {
                                                      title: "Support",
                                                      notification: "SIMPLE_LOGO_UPDATE",
                                                      payload: {
                                                              fileUrl: "modules/MMM-SimpleLogo/public/RedSupport.jpg",
                                                              width: "150px"
                                                              }
                                                      },
              
              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @RoadRunnr1469
                last edited by

                @RoadRunnr1469 I won’t be able to look at this til tomorrow or Sunday.

                Open the developers window ctrl-shift-i select the console tab and scroll up to see any messages sent from the on screen module

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  @RoadRunnr1469 I installed the module, and modified one of mine to send the notification, and it worked as expected.

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

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

                    @RoadRunnr1469 and you installed the “MMM-OnScreenMenu” module too, right?

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    R 1 Reply Last reply Reply Quote 0
                    • R Offline
                      RoadRunnr1469 @sdetweil
                      last edited by

                      @sdetweil yes, and the on screen option works fine changes the logo as expected.

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

                        @RoadRunnr1469 cool… can u mark this as resolved now?

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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

                          no, the SimpleLogo auto changer part still is not working.

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

                            @RoadRunnr1469 ok, YOU have to actually update the fileUrl file with new contents.

                            it loads the SAME fileUrl over and over and over and over
                            it adds a fake timestamp to the URL to force the browser cache to see a different file
                            which loads a new instance into the cache…

                            so somehow you have to do

                            cp  whatever_source_path/new_logo_to_display.jpg  ~/MagcMirror/modules/MMM-SimpleLogo/public/Amc.JPG
                            

                            I have tested this and it works

                            also I think
                            the content of the new logo image TYPE must match the file extension… it is expecting jpg
                            so cannot change to gif/png for next ones to load

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            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