MMM-Modulebar - A module that adds touch buttons for showing/hiding other modules.

Snille

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:
symbols row mode
Module with symbols only in column mode:
symbols 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.
my special

Download:

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.

cowboysdude

Very nice!

Cato

Nice! Now I just need to get an touch mirror…

tosti007

Nice to see people making different versions of my code
This indeed was one thing that my module can’t do! Now people can choose to use this module if they want buttons for single modules

Snille

@tosti007 Yes! That’s exactly what I wanted. I’m using your modules for accessing the “profiles” and my module as a “quick” option to just view one thing.

Thank YOU, for making the first module.

tosti007

@Snille yes that’s a a great way to use the modules you’re welcome for my version but thank you for yours

chaseb1357

Is it possible to make the module bar itself toggle-able? It covers a large amount of screen real-estate; I was just wondering if its possible, how I could do that.

Snille

@chaseb1357 Well, you could “hide” it with a button, but the problem is to get it back again.

chaseb1357

@Snille Haha, I tried that yes. only to realize my mistake.

Snille

@chaseb1357 Personally I’m using the “Hide all” module for removing everything.