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.

    Using MMM-Widget for images

    Scheduled Pinned Locked Moved Utilities
    13 Posts 3 Posters 2.4k 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.
    • N6NGN Offline
      N6NG
      last edited by

      How would I use MMM-Widget for adding images like the following to my Magic Mirror?
      href=“https://www.hamqsl.com/solar.html” title=“Click to add Solar-Terrestrial Data to your website!”><img src=“https://www.hamqsl.com/solarmuf.php”

      Thanks
      Dennis

      wishmaster270W 1 Reply Last reply Reply Quote 0
      • wishmaster270W Offline
        wishmaster270 Module Developer @N6NG
        last edited by wishmaster270

        @N6NG Hi,

        I do not know the MMM-Widget module but you could use my MMM-EmbedURL for this job. Simply set the “embedElementType” to “img”.

        The config will look something like:

        {
          module: "MMM-MMM-EmbedURL",
          position: "top_center",
          header: "Embed-URL",
          config: {
            updateInterval: 120,
            embedElementType: "img", 
            embed: [
                "https://www.hamqsl.com/solarmuf.php" 
            ]
          },
        },
        
        N6NGN 1 Reply Last reply Reply Quote 1
        • N6NGN Offline
          N6NG @wishmaster270
          last edited by

          @wishmaster270 Thank you… I’ll give it a try…
          Dennis

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

            @N6NG
            I put this in my config.js and I get nothing in the bottom_right of my screen. The rest of my MM looks fine… but nothing shows up
            from this module.

            {
            module: “MMM-MMM-EmbedURL”,
            position: “bottom_right”,
            header: “Embed-URL”,
            config: {
            updateInterval: 120,
            embedElementType: “img”,
            embed: [
            “https://www.hamqsl.com/solarmuf.php”
            ]
            },
            },

            Dennis

            wishmaster270W 1 Reply Last reply Reply Quote 0
            • wishmaster270W Offline
              wishmaster270 Module Developer @N6NG
              last edited by

              @N6NG
              Sorry, there was a copy paste mistake in the example. The module name was wrong…

              {
                module: "MMM-EmbedURL",
                position: "top_center",
                header: "Embed-URL",
                config: {
                  updateInterval: 120,
                  embedElementType: "img", 
                  embed: [
                      "https://www.hamqsl.com/solarmuf.php" 
                  ]
                },
              },
              
              N6NGN 2 Replies Last reply Reply Quote 0
              • N6NGN Offline
                N6NG @wishmaster270
                last edited by

                @wishmaster270 I couldn’t see how that would affect it but it sure did…
                Thank you so much… works fine lasts a long time.
                Dennis N6NG

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

                  @N6NG MagicMirror uses the module: setting to find the folder and files…

                  currently a mispelling is not reported

                  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 N6NG

                    @sdetweil That makes sense… It works well now.

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

                      @wishmaster270 Is their any way to size the img?
                      Dennis

                      wishmaster270W 1 Reply Last reply Reply Quote 0
                      • wishmaster270W Offline
                        wishmaster270 Module Developer @N6NG
                        last edited by

                        @N6NG I put a small section about styling to the readme.
                        It is done via custom.css

                        .embed .embeded {
                            width: 800px;
                            height: 400px;
                        }
                        
                        S 1 Reply Last reply Reply Quote 0
                        • 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