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

MMM-TouchNavigation, A Touch Activated Profile/Layout Changer

Scheduled Pinned Locked Moved Utilities
touchnavigationmodulelayoutprofilebuttonswitch
43 Posts 9 Posters 38.9k Views 10 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
    tosti007 Module Developer @shashank
    last edited by tosti007 Jan 17, 2017, 10:45 AM Jan 17, 2017, 10:35 AM

    @shashank Hmm odd, what did you see on your screen and what config did you use?
    This should work just fine:

        modules: [
            {
                module: "alert"
            },
            {
                module: "MMM-ProfileSwitcher"
            },
            {
                module: "MMM-TouchNavigation",
                position: "bottom_center",
                classes: "default everyone",
                config: {
                    buttons: {
                        "default": {
                            symbol: "ban"
                        },
                        "Brian": {
                            text: " Brian",
                            symbol: "paper-plane"
                        },
                        "Lisa": {
                            text: "Lisa"
                        }
                    }
                }
            },
            {
                module: "clock",
                classes: "everyone",
                position: "top_left"
            },
            {
                module: "clock",
                classes: "default",
                position: "middle_center",
                config: {
                    analogShowDate: false,
                    displayType: "analog"
                }
            },
            {
                module: "helloworld",
                classes: "Lisa",
                position: "lower_third"
            },
            {
                module: "helloworld",
                position: "top_right",
                classes: "Brian"
            }
        ]
    

    Edit: I added a ready-to-use config file in the repository. If you copy-paste and rename it it would work.

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

    S 1 Reply Last reply Jan 17, 2017, 12:03 PM Reply Quote 0
    • S Offline
      shashank @tosti007
      last edited by Jan 17, 2017, 12:03 PM

      @tosti007 hi, i tried this example classes names are displayed with Analog and Digital clock , but not able to do profiile switching between Brain and lisa
      {
      module: “MMM-ProfileSwitcher”,
      config: {
      includeEveryoneToDefault: true,
      }
      },

      T 1 Reply Last reply Jan 17, 2017, 12:05 PM Reply Quote 0
      • T Offline
        tosti007 Module Developer @shashank
        last edited by tosti007 Jan 17, 2017, 12:06 PM Jan 17, 2017, 12:05 PM

        @shashank and what is your config for the touchnavigation? I also uploaded an example config file that should work in the repository

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

        S 1 Reply Last reply Jan 17, 2017, 12:11 PM Reply Quote 0
        • S Offline
          shashank @tosti007
          last edited by Jan 17, 2017, 12:11 PM

          @tosti007 This is my config.js

          modules: [
          { module: ‘alert’,},

          	{ module: "updatenotification", position: "top_bar" },	
          	
          	{
                  module: "MMM-ProfileSwitcher",
          		config: {
          			includeEveryoneToDefault: true,
          		}
              },
              {
                  module: "MMM-TouchNavigation",
                  position: "bottom_center",
                  classes: "default everyone",
                  config: {
                      buttons: {
                          "default": {
                              symbol: "ban"
                          },
                          "Brian": {
                              text: " Brian",
                              symbol: "paper-plane"
                          },
                          "Lisa": {
                              text: "Lisa"
                          }
                      }
                  }
              },
              {
                  module: "clock",
                  classes: "everyone",
                  position: "top_left"
              },
              {
                  module: "clock",
                  classes: "default",
                  position: "middle_center",
                  config: {
                      analogShowDate: false,
                      displayType: "analog"
                  }
              },
              {
                  module: "helloworld",
                  classes: "Lisa",
                  position: "lower_third"
              },
              {
                  module: "helloworld",
                  position: "top_right",
                  classes: "Brian"
              },
          
          	
          	]
          
          T 1 Reply Last reply Jan 17, 2017, 4:00 PM Reply Quote 0
          • T Offline
            tosti007 Module Developer @shashank
            last edited by tosti007 Jan 17, 2017, 4:05 PM Jan 17, 2017, 4:00 PM

            @shashank Oh damnit, I made a terrible mistake while testing. Turns out that I was using the developer branch while testing. In the developer branch they fixed pointer events from fullscreen region not passing down onto the underlaying modules. So when you used my module it did not send the pointer events to the buttons. I made a new commit to my module so it should be fixed if you pull the changes (goto MMM-TouchNavigation folder and do git pull). However you cannot use this module in fullscreen mode now. If you desire to do so let me know and I will go more in depth on how to solve this issue. Thank you for letting me know!

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

            S 1 Reply Last reply Jan 18, 2017, 1:33 AM Reply Quote 0
            • T Offline
              tosti007 Module Developer
              last edited by tosti007 Jan 17, 2017, 9:49 PM Jan 17, 2017, 4:04 PM

              @all IMPORTANT NOTE: Unfortunatly setting this module to full screen does not work. The menu floats in the top left corner and you cannot press any buttons! I might be able to fix this, but since there is no audience currently wanting this feature I will wait for the new MagicMirror version (where this issue will be fixed). Let me know if you want to have it full screen aswell and I will see what i can do!

              Edit: thanks to @broberg this issue was solved :)

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

              B 1 Reply Last reply Jan 17, 2017, 8:43 PM Reply Quote 0
              • B Offline
                broberg Project Sponsor @tosti007
                last edited by Jan 17, 2017, 8:43 PM

                @tosti007 add z-index: -1 or 0 to the region fullscreen above, it blocks everything beneath so it can’t be clicked ( or add z-index: 2 to the module div)

                T 2 Replies Last reply Jan 17, 2017, 9:41 PM Reply Quote 0
                • T Offline
                  tosti007 Module Developer @broberg
                  last edited by Jan 17, 2017, 9:41 PM

                  @broberg yea I thought that would work too, however when I set z-index to -1 on region fullscreen nothing much happened. I will try that z-index of 2 on the module dif aswell

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

                  1 Reply Last reply Reply Quote 0
                  • T Offline
                    tosti007 Module Developer @broberg
                    last edited by Jan 17, 2017, 9:48 PM

                    @broberg Only setting region fullscreen to 0 worked. Not entirely sure tho. Anyways ty for the tip! Updated my module :)

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

                    S 1 Reply Last reply Jan 18, 2017, 4:57 AM Reply Quote 0
                    • S Offline
                      shashank @tosti007
                      last edited by Jan 18, 2017, 1:33 AM

                      @tosti007 hi, after git pull, module working great, Thanks for your quick response , keep rocking…

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