@kayakbabe Hi, thanks very much for your suggestion

MagicMover adds a div to all the modules. maybe having that surreounding div added to the backgroundslideshow… is breaking the css for the BackgroundSlideshow.

I’d wondered if there was a way to exclude BackgroundSlideshow from any changes that MagicMover applies but had no idea what those changes might be or how to do it though.

Are you wanting a background with stuff floating around on top of it?

Yes exactly - so I was trying to build something with maybe less of a mirror-look (where the modules are all displayed against a black background) and more of an info-screen, with a desktop-background effect and modules are displayed over the top, if that’s clear)

If I use npm start dev and look at the elements view I can see the BackgroundSlideshow at the fullscreen below position. It looks a bit like

< body> == $0
  < div class="region fullscreen below">
    < div class="container" style="display: block;">
      < div id="module_2_MMM-BackgroundSlideshow" class="module MMM-BackgroundSlideshow MMM-BackgroundSlideshow">
        < header class="module-header" style="display: none;">undefined</header> 
      < div class="module-content">

I don’t know any javascript, but looking at the MMM-MagicMover.js code it looks like there’s a bit that might be adding the div you mentioned?

getDom: function () {
    var wrapper = document.createElement('div');
    return wrapper;

And there’s also a bit where it looks like it’s iterating through to move each of the elements?

document.querySelectorAll('.container').forEach((element) => {

Can I just try adding a conditional statement somewhere that would exclude a container that has div id="module_2_MMM-BackgroundSlideshow"? Or maybe ignore a module that’s displayed at position fullscreen_below? (I’m only using that position for the MMM-BackgroundSlideshow module). I’m not sure how to adjust the javascript without (probably) breaking it unfortunately. Any ideas where might be best to start?

thanks again for your help!

Hi, I’m still configuring my mirror and trying out some of the different modules.

I’ve had success with getting MMM-BackgroundSlideshow to show me different background images, but I can’t get it to work when I also enable MMM-MagicMover at the same time. When both modules are enabled I just get a mirror with a plain black background - my other modules (Clock, Weather etc) are still working and show up in the locations I expected, but there’s no background image underneath them.

If I disable the MMM-MagicMover module in my config.js then the background images are displayed beneath my other modules the way I expected.

I’ve tried changing the display location of the MMM-MagicMover module in the config.js (e.g. from position: "left", as in the install instructions on github to position: "top_bar", but it didn’t seem to help. I have my MMM-BackgroundSlideshow configured in position: "fullscreen_below"

Is there a way to use both of these, or are they just incompatible? Thanks very much for any troubleshooting help anyway.

(originally posted in Showcase > Utilities as a reply to the MMM-MagicMover topic by mistake)

@jimus888 Hi jimus it looks like possibly your config isn’t quite right?

Just looking at the readme for MMM-Fuel, when using the nsw provider the config notes say

types 	["diesel"] 	Valid options are diesel, e5.

so your types: [“P95”] entry in your config isn’t going to be any good. I don’t know if that’s giving you the HTTP 400 bad request that you’re seeing. Maybe try changing this value to “diesel” to see if it starts giving you a valid response?

hi C-son thanks for your module, I’m just building and trying out my mirror and avoiding burn-in sounds like a great idea.

I’ve been slowly configuring my mirror and started using the module MMM-BackgroundSlideshow as well. I’m finding that if I enable MMM-MagicMover then my background images don’t show (I just get my Clock, Calendar modules etc. displaying on a black background). If I disable MMM-MagicMover then the background images from MMM-BackgroundSlideshow are displayed under my other modules ok like before.

Do you know if there’s a way to run both modules at the same time? I’ve experimented with changing the module position values in my config.js but it didn’t seem to help.

(My MMM-BackgroundSlideshow is in position: fullscreen_below incidentally)

thanks for any help anyway