Description:

This Module adds a touch menu to hide / show other the defined (in the config.js) modules.

Screenshots:

Module with symbols only in row mode:

Module with symbols only in column mode:

Module with symbols and text in column mode:

Module with symbols and text in row mode:

This is my own mirrors view (Bottom Bar) using some addition in the custom.css see below.

Download:

[card:Snille/MMM-Modulebar]

Custom-CSS

Here is my CSS settings for the module that I have added to my custom.css to give it the extra special look. :)

/* MMM-Modulebar ------------------------------------*/
.modulebar-button {
  margin: 1px;
  padding: 1px 1px;
  border: 2px solid #fff; 
  background-color: #fff;
  color: #000;
  border-radius: 0px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.modulebar-picture {
  margin: 0px 0px;
  border-radius: 50%;
}
.modulebar-menu {
  align-items: flex-start;
}
/*****************************************************/

Version 0.2

• Had to change the button array format a bit. Make sure to update your config to the new “standard”.
  The reason for the change where to be able control each module separately even if it is the same module multiple times. :)

Version 0.1

• Initial release.

This is solved. It was actually the Profile-Switcher that created the problem. :)

I’m using Expandrive for lot’s of different connections to all kinds of systems. It support connecting a drive (in Windows) using SSH for example. So you can have full access to your RPi directly in windows. Very handy. However it’s not completely free ($50) for a single licence.
http://www.expandrive.com/

Then you don’t have to mess around with CIFS or Samba… ;)

Great work! Looking good! I bet your kid will be impressed! I know I would if my father took on a project like yours! :)

Oh, sorry, I completely forgot about this topic. Good that you solved it. :)

Looks great, I’m switching to this module now.
Good work!

Hi all,
I’m currently working on a Digital Photo Frame. When looking for a good place to start I found this: https://benja.io
It’s basically ARCH with only Electron running.
Not only that, it’s fully Hardware accelerated! :)

I thought, maybe the MagicMirror² can use this as a base instead of a Raspbian Jessie (Lite) installation as it is today. Maybe you guys already knew about this. But in case you didn’t I just wanted to let you know. :)

I’m also building a MM of course. :)

Best regards Erik

Hi @youse, Thank you! Adding your module now. :)

Hi @matthewj
You can use javascript to make the image URL unique all the time thought adding a “number” (in this case just a simple timecode). :)

OBS: I had to add spaces after the " < " before the end " > ".
Just remove them when you use it. :)

Otherwise it would not show.

< img id="graph" alt="" src="https://plot.ly/~myPlotlyAccount/myGraph.png" />

< script language="javascript" type="text/javascript" >
  var d = new Date(); 
  document.getElementById("graph").src = "https://plot.ly/~myPlotlyAccount/myGraph.png=" + d.getTime();
< /script >

Good luck. :)

@Cato Great! Thanks for fixing my mistakes. :)