it somehow seems to have resolved itself

i deleted the folder and redid the git clone and it is working, not sure what happened, but it is working now,

many thanks for taking the time to reply

Re: How add transparent background to modules

Hopefully somebody can help

I am using the MMM-iFrame module to grab the now playing status page of a network music system (logitech Media Server)

This works fine except that it had a background and looks unsightly blocking the full page images of the MMM-Wallpaper module, I have managed to edit the originating CSS of the status page to have a transparent background, using the below

background: rgba(0,0,0,0);
background: transparent;

I can confirm this works when I load my MagicMirror page via normal laptop chrome browser pointed at the IP of the RPi. So all is good I thought.


However when I load up the Magic Mirror on the on the RPi, there is still a black background on the iframe.


I have then gone on to edit both the custom css page with code taken from the above referenced thread

module.MMM-iFrame {
     background-colour: rgba(0,0,0,0);
     background-colour: transparent;

I have also tried to add the above to the CSS code of the of the MMM-iFrame module itself.

None of which has worked. I am fine with following instructions and generally get there in the end. But not sure where to go from here to get it to work.

So could somebody kindly help me figure out what I need to do so that the inbuilt browser of MagicMirror recognizes the transparent background of the captured web page like Chrome & Chromium do, its the last piece of the puzzle before this thing can get hung on the kitchen wall

cheers

Jelbear

it somehow seems to have resolved itself

i deleted the folder and redid the git clone and it is working, not sure what happened, but it is working now,

many thanks for taking the time to reply

I can confirm that the folder is there

Modules were installed using git clone command while in the MagicMirror/modules folder.

Is there anything different you have to do when installing modules under a windows system

Currently I’m just doing the above command and then adding the required code to the config file

Thanks for this guide its been really helpful, it has enabled me to install MM on a win7 VM acting as a node serveronly on an always on machine, which helps to release some resources on a Pi zero attached to a display.

Everything seems to run OK, other than any module that pulls images from a path e.g. MMM-Wallpaper, MMM-Backgroundslideshow, even when the config is left to use the default paths to the module’s examples, there is an ENOENT error shown in the Git Bash window. Doesn’t matter if they are url link images i.e. bing or locally stored images.

Using the exact same config script when installed on a Pi the background images show.

Anyone got any ideas about how this can be fixed, as I’m not using it as a mirror, but as a family kitchen dashboard so the images are fairly important.

a “npm run config:check” command says that there are no syntax errors in the config file

I believe it has to to with path syntax between windows and linux but that is about all I can come up with

Whoops! There was an uncaught exception...
{ Error: ENOENT: no such file or directory, scandir '/modules/MMM-BackgroundSlid
eshow/exampleImages'
    at Object.readdirSync (fs.js:785:3)
    at Class.getFiles (C:\Users\Admin\MagicMirror\modules\MMM-BackgroundSlidesho
w\node_helper.js:71:45)
    at Class.gatherImageList (C:\Users\Admin\MagicMirror\modules\MMM-BackgroundS
lideshow\node_helper.js:60:12)
    at Class.socketNotificationReceived (C:\Users\Admin\MagicMirror\modules\MMM-
BackgroundSlideshow\node_helper.js:92:28)
    at Socket.<anonymous> (C:\Users\Admin\MagicMirror\modules\node_modules\node_
helper\index.js:113:11)
    at Socket.emit (events.js:189:13)
    at C:\Users\Admin\MagicMirror\node_modules\socket.io\lib\socket.js:528:12
    at process._tickCallback (internal/process/next_tick.js:61:11)
  errno: -4058,
  syscall: 'scandir',
  code: 'ENOENT',
  path: '/modules/MMM-BackgroundSlideshow/exampleImages' }
MagicMirror will not quit, but it might be a good idea to check why this happene
d. Maybe no internet connection?
If you think this really is an issue, please open an issue on GitHub: https://gi
thub.com/MichMich/MagicMirror/issues