MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

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

    Scheduled Pinned Locked Moved Utilities
    16 Posts 6 Posters 10.9k Views 7 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • SnilleS Offline
      Snille Module Developer
      last edited by 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:
      symbols and text in column mode
      Module with symbols and text in row mode:
      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:

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

      If you cant find it, make it and share it!
      Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

      1 Reply Last reply Reply Quote 4
      • cowboysdudeC Offline
        cowboysdude Module Developer
        last edited by

        Very nice!

        1 Reply Last reply Reply Quote 0
        • CatoC Offline
          Cato Module Developer
          last edited by

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

          1 Reply Last reply Reply Quote 1
          • tosti007T Offline
            tosti007 Module Developer
            last edited by

            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

            If there is anything don't hesitate to contact me!
            ProfileSwitcher, TouchNotifications

            SnilleS 1 Reply Last reply Reply Quote 1
            • SnilleS Offline
              Snille Module Developer @tosti007
              last edited by

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

              If you cant find it, make it and share it!
              Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

              tosti007T 1 Reply Last reply Reply Quote 1
              • tosti007T Offline
                tosti007 Module Developer @Snille
                last edited by

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

                If there is anything don't hesitate to contact me!
                ProfileSwitcher, TouchNotifications

                1 Reply Last reply Reply Quote 0
                • chaseb1357C Offline
                  chaseb1357
                  last edited by

                  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.

                  SnilleS 1 Reply Last reply Reply Quote 0
                  • SnilleS Offline
                    Snille Module Developer @chaseb1357
                    last edited by

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

                    If you cant find it, make it and share it!
                    Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

                    chaseb1357C 1 Reply Last reply Reply Quote 0
                    • chaseb1357C Offline
                      chaseb1357 @Snille
                      last edited by

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

                      SnilleS 1 Reply Last reply Reply Quote 0
                      • SnilleS Offline
                        Snille Module Developer @chaseb1357
                        last edited by

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

                        If you cant find it, make it and share it!
                        Modules: MMM-homeassistant-sensors, MMM-Modulebar, MMM-Profilepicture, MMM-Videoplayer

                        chaseb1357C 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy