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.

    How to Hide Modules After Start (using setTimeout)

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    8 Posts 3 Posters 1.0k Views 3 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.
    • T Offline
      tonkxy @sdetweil
      last edited by

      @sdetweil I am wanting the mirror to start, and once it starts and after it builds the menu it will auto hide the modules instead of me having to click through the buttons. I am just trying to autohide them once without clicking the button. Then have the option to toggle on and off. I hope that makes more sense

      1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @tonkxy
        last edited by sdetweil

        @tonkxy if u mean where to enable the timer

        u should wait to all the modules are loaded

        that is a notification_received event

        then do your setTimeout there

        and the when the timer expires do the loop thru all the modules to hide.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        T 1 Reply Last reply Reply Quote 0
        • T Offline
          tonkxy @sdetweil
          last edited by

          @sdetweil I’ve tried a few things and just am struggling with this notification received. Any advice with what I have so far?

          /grabs information needed for refresh
          notificationReceived: function (notification, payload, sender) {
          	  if (notification === 'MODULE_DOM_CREATED') {
          		var modules = MM.getModules();
          // Lists through all modules for testing.
          				for (var i = 0; i < modules.length; i++) {
          				// Check if the current module is the one.
          				if (modules[i].name === data.module) {
          					// Splits out the module number of the module with the same name.
          					var idnr = modules[i].data.identifier.split("_");
          					// Check if the idnum is an array or not
          					if (Array.isArray(data.idnum)) {
          						// If it's an array, check what numbers are in it.
          						var idnumber = data.idnum.find(function(element) {
          							// Number of the module is found in the array.
          							return element == idnr[1]; 
          						});
          					// If idnum is not an array.
          					} else {
          						// Set the module id to hide.
          						var idnumber = data.idnum;
          					}
          		// Hides the module.
          							modules[i].hide(self.config.animationSpeed, {force: self.config.allowForce});
          							// Sets the defined symbol for hidden module.
          							if (typeof data.symbol2 !== 'undefined') {
          								symbol.className = faclassName + data.symbol2;
          								// Set the size if it's set.
          								if (data.size) {
          									symbol.className += " fa-" + data.size;
          									symbol.className += data.size == 1 ? "g" : "x";
          								}
          							// Sets the defined image for hidden module.
          							} else if (typeof data.img2 !== 'undefined') {
          								image.className = "menubar-picture";
          								image.src = data.img2;
          							}
          							
          							// Prints in the console what just happened (adding the ID). 
          							console.log("Hiding "+modules[i].name+" ID: "+idnr[1]);
          		}}}
          },
          
          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @tonkxy
            last edited by

            @tonkxy see the doc, that’s the wrong notification

            https://docs.magicmirror.builders/development/core-module-file.html#notificationreceived-notification-payload-sender

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            hamptonlindsayH 1 Reply Last reply Reply Quote 0
            • hamptonlindsayH Offline
              hamptonlindsay @sdetweil
              last edited by hamptonlindsay

              @sdetweil I can’t open this link :(

              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @hamptonlindsay
                last edited by

                @hamptonlindsay go to the MagicMirror GitHub page, click the documentation link, then the three bar menu top left, pick module development

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • 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