Using MMM-Widget for images

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

wishmaster270

@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" 
    ]
  },
},

N6NG

@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

sdetweil

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

currently a mispelling is not reported

N6NG

@sdetweil That makes sense… It works well now.

N6NG

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

wishmaster270

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

.embed .embeded {
    width: 800px;
    height: 400px;
}

sdetweil

@wishmaster270 you should always include your module name 1st, in case some other module uses the same sub classes

wishmaster270

@sdetweil Hi Sam, your right. Did avoid this in the past because it was a problem if someone copied the module to have multiple instances. As most of my modules provide multi instance now this shouldn’t be a problem anymore.

I will check the css files of my modules and add prefix all CSS with MMM-ModuleName.

sdetweil

@wishmaster270 and one can make use of the module classes property to make unique names for each of the instances so that you could Target the CSS to the appropriate instance

but like copying, the css must be updated w the new class name selector