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.

    MM-Navbar - Navigation Bar for Touchscreens to hide/show modules

    Scheduled Pinned Locked Moved System
    47 Posts 11 Posters 42.7k Views 15 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.
    • S Offline
      shashank @in_a_days
      last edited by

      @in_a_days hi, how can i change code to show more modules apart from clock, i need weather and calendar to show as default

      in_a_daysI 1 Reply Last reply Reply Quote 0
      • in_a_daysI Offline
        in_a_days @shashank
        last edited by in_a_days

        @shashank

        So right now it hides all modules by default. If you want everything to show by default I think you just need to comment out a section from MM-navbar.js. These are lines 12 - 19 right now:

        notificationReceived: function(notification, payload, sender){
        	if (notification === 'DOM_OBJECTS_CREATED'){
        		MM.getModules().exceptModule(this).exceptWithClass('clock').enumerate(function(module){
        			module.hide(1000, function(){
        			});
        		});
        	}
        },
        

        Just open and close a comment around this section so it looks like this:

        /*notificationReceived: function(notification, payload, sender){
        	if (notification === 'DOM_OBJECTS_CREATED'){
        		MM.getModules().exceptModule(this).exceptWithClass('clock').enumerate(function(module){
        			module.hide(1000, function(){
        			});
        		});
        	}
        },*/
        

        And I think it should display all your normal modules on startup.

        What ship would bear me ever back across so wide a Sea?

        S 1 Reply Last reply Reply Quote 0
        • AlessandroRaA Offline
          AlessandroRa @chrisyy
          last edited by

          @chrisyy thank you man, so let me get this straight: I find a button that I like on internet, I copy its code and I put it into the module?
          I’m sorry, but I’m kinda new to this :)

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

            @AlessandroRa No you will have to take a look at Font Awsome which is being used throughout the magic mirror. In the link you can find all the icons you can use. (someone correct me if i’m wrong)

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

            1 Reply Last reply Reply Quote 0
            • S Offline
              shashank @in_a_days
              last edited by

              @in_a_days Hi, My requirement is i need to show clock, weather and Calendar by default and all other modules should be hide.

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

                @all, I made a module which is similair to this one. In mine you can set custom profiles and swap between them. Hope that this helps one of you guys :)

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

                1 Reply Last reply Reply Quote 0
                • in_a_daysI Offline
                  in_a_days @shashank
                  last edited by

                  @shashank

                  Okay I think I know what you’re looking for. I’m not 100% sure how to make the change, but someone else here may be able to help.

                  notificationReceived: function(notification, payload, sender){
                  	if (notification === 'DOM_OBJECTS_CREATED'){
                  		MM.getModules().exceptModule(this).exceptWithClass('clock').enumerate(function(module){
                  			module.hide(1000, function(){
                  			});
                  		});
                  	}
                  },
                  

                  Is there a simple way to include the ‘calendar’ and ‘weather’ modules in the exceptWithClass call? I don’t know how to include multiple Classes in this kind of context.

                  What ship would bear me ever back across so wide a Sea?

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

                    @in_a_days put the names you want in an array, like so:

                    var exceptClasses = ["clock", "weather", "calendar"]; //The list of modules you want to keep.
                    MM.getModules().exceptModule(this).exceptWithClass(exceptClasses).enumerate(
                        // Here the other code
                    );
                    

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

                    S 1 Reply Last reply Reply Quote 1
                    • S Offline
                      shashank @tosti007
                      last edited by

                      @tosti007 hi, i tested using var exceptClasses as mentioned by you, it works perfectly as required for me. Thanks a lot for your suggestion.

                      tosti007T 1 Reply Last reply Reply Quote 0
                      • C Offline
                        chrisyy
                        last edited by

                        As mentioned from @tosti007 he wrote a module that uses the ProfileSwitcher.
                        I will also continue on this project when i got the time for it.

                        I plan on adding some configurable variables, like which modules should be included as a button and a config-section where u can define an icon from Font-Awesome. That should handle a few problems with which u came up here.

                        But this will take me some time. So keep patient, i’m working.

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