• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 675 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 Nov 19, 2021, 12:52 AM

    @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 Offline
      sdetweil @tonkxy
      last edited by sdetweil Nov 19, 2021, 12:54 AM Nov 19, 2021, 12:54 AM

      @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 Nov 19, 2021, 2:39 AM Reply Quote 0
      • T Offline
        tonkxy @sdetweil
        last edited by Nov 19, 2021, 2:39 AM

        @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 Nov 19, 2021, 3:28 AM Reply Quote 0
        • S Offline
          sdetweil @tonkxy
          last edited by Nov 19, 2021, 3:28 AM

          @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

          H 1 Reply Last reply Nov 19, 2021, 9:08 AM Reply Quote 0
          • H Offline
            hamptonlindsay @sdetweil
            last edited by hamptonlindsay Nov 19, 2021, 9:09 AM Nov 19, 2021, 9:08 AM

            @sdetweil I can’t open this link :(

            S 1 Reply Last reply Nov 19, 2021, 12:20 PM Reply Quote 0
            • S Offline
              sdetweil @hamptonlindsay
              last edited by Nov 19, 2021, 12:20 PM

              @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
              1 / 1
              • First post
                7/8
                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