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:

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:

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 :D

[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 :D

[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. :)