• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

Eye Candy Module Doesn't Load

Scheduled Pinned Locked Moved Unsolved Troubleshooting
9 Posts 2 Posters 1.5k 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.
  • S Offline
    sdetweil @MMNewby
    last edited by Aug 8, 2022, 12:32 AM

    @MMNewby said in Eye Candy Module Doesn't Load:

    {
    module: “MMM-EyeCandy”,
    position: “top_right”,
    config: {
    maxWidth: “75%”, // Sizes the images. Retains aspect ratio.
    style: ‘1’,
    ownImagePath: ‘https://radar.weather.gov/ridge/lite/KCLE_loop.gif’
    }

    there are some bad quote characters here…

    both single and double are curved… that means word processing type quote marks… which are bad for javascript…

    they need to be straight up and down
    ’ and "

    copy/pasting from a mis formatted web page will get you the curved type quotes…

    just edit config.js with text editor
    and change them all…

    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 @MMNewby
      last edited by Aug 8, 2022, 12:33 AM

      @MMNewby ps, NEVER change the module code… all settings go on config.js

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      M 1 Reply Last reply Aug 8, 2022, 12:15 PM Reply Quote 0
      • M Offline
        MMNewby @sdetweil
        last edited by Aug 8, 2022, 12:15 PM

        @sdetweil Thank you for your responses. The only changes I’ve made have been to the config files and I’ve typed them directly into MM config files. It’s good to know about the quotes as I have copied and pasted from the config files to a text document (Word) and they are being changed in the translation - I’ll not do that again. I included the other code to show everything and not just what I’ve changed. Regarding the gif itself, I too have seen this on the MM web browser (raspberry pi). It is truly strange why this module doesn’t work. All config info appears correct and the link is “live”. Thanks again for your time and help…I’ve been over every character! I think.

        S 1 Reply Last reply Aug 8, 2022, 12:35 PM Reply Quote 0
        • S Offline
          sdetweil @MMNewby
          last edited by Aug 8, 2022, 12:35 PM

          @MMNewby ok, I just installed the module and tested the two approches

          1. only style set
          {
              module: "MMM-EyeCandy",
              position: "top_center",
              config: {
                  maxWidth: "75%",       // Sizes the images. Retains aspect ratio.
                  style: '1',            // Style number or use ownImagePath to override style
              }
          },
          

          Screenshot at 2022-08-08 07-32-51.png

          with style 2

          		{
              module: "MMM-EyeCandy",
              position: "top_center",
              config: {
                  maxWidth: "75%",       // Sizes the images. Retains aspect ratio.
                  style: '2',            // Style number or use ownImagePath to override style
               }
          },
          

          Screenshot at 2022-08-08 07-33-14.png

          this shows the images provided in the style selected…

          1. with ownImagePath set
          		{
              module: "MMM-EyeCandy",
              position: "top_center",
              config: {
                  maxWidth: "75%",       // Sizes the images. Retains aspect ratio.
                  ownImagePath: 'https://radar.weather.gov/ridge/lite/KCLE_loop.gif'
                      // note I had to change the  quotes when copy paaste from above 
              }
          },
          

          Screenshot at 2022-08-08 07-32-23.png

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          M 1 Reply Last reply Aug 9, 2022, 12:08 AM Reply Quote 0
          • M Offline
            MMNewby @sdetweil
            last edited by Aug 9, 2022, 12:08 AM

            @sdetweil Sam, thank you again for the time and effort you’re putting in to help solve this. I retyped all config characters (in case cut and paste carried over weird characters), I changed the location on my MM to top center as you did, I verified the link and still No Joy! I think next, I’ll uninstall the module again, reinstall it and verify all character are correct (no wrong "s, etc.). If you can think of anything else I can try, I’ll try it out. Thanks again. I’ll post what happens when I uninstall/reinstall.

            S 2 Replies Last reply Aug 9, 2022, 12:59 AM Reply Quote 0
            • S Offline
              sdetweil @MMNewby
              last edited by sdetweil Aug 9, 2022, 1:03 PM Aug 9, 2022, 12:59 AM

              @MMNewby I just copied the example config info, and fixed the quotes. nothing else, using cut and paste

              note the url overrides the style, so make sure you only use one or the other…

              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 @MMNewby
                last edited by Aug 9, 2022, 1:04 PM

                @MMNewby you can also open the developers window console

                ctrl-shift-i, select the console tab
                and enter a unique part of the module name in the filter field eye, for example

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                1 / 1
                • First post
                  7/9
                  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