• 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 43.1k 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.
  • 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
    • S Offline
      shashank @tosti007
      last edited by Jan 18, 2017, 4:57 AM

      @tosti007 , Any possibility of using JPG photos of users instead of symbols in the TouchNavigation module, this will give a good interaction with the mirror

      T 1 Reply Last reply Jan 18, 2017, 10:06 AM Reply Quote 0
      • T Offline
        tosti007 Module Developer @shashank
        last edited by Jan 18, 2017, 10:06 AM

        @shashank you are welcome :) and about the images: yes I think that would be most definitely possible. However then the button size might become a problem if it’s too big, but I can give it a try.

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

        S 1 Reply Last reply Jan 20, 2017, 1:56 AM Reply Quote 0
        • S Offline
          shashank @tosti007
          last edited by Jan 20, 2017, 1:56 AM

          @tosti007 hi, other modules are ovelapping on to Touch Profile , how to move touch profile icons to extreme bottom or top

          T 2 Replies Last reply Jan 20, 2017, 9:07 AM Reply Quote 0
          • T Offline
            tosti007 Module Developer @shashank
            last edited by Jan 20, 2017, 9:07 AM

            @shashank a way would be to change the z-index in teh css file to a higher number, I will have a look at it

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

            S 1 Reply Last reply Jan 20, 2017, 9:24 AM Reply Quote 0
            • S Offline
              strawberry 3.141 Project Sponsor Module Developer @tosti007
              last edited by Jan 20, 2017, 9:24 AM

              @tosti007 when you just change the zindex the modules are still overlapping

              you could create a class left center and right and then classes for top middle bottom and let the user decide which position it has like bottom right

              Please create a github issue if you need help, so I can keep track

              1 Reply Last reply Reply Quote 0
              • T Offline
                tosti007 Module Developer @shashank
                last edited by Jan 20, 2017, 9:51 AM

                @shashank I am not able to reproduce the error, could you tell me what your config looks like?

                @strawberry-3-141 would be a neat feature. However you can already do that by setting the position of the module different?

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

                S 1 Reply Last reply Jan 20, 2017, 9:52 AM Reply Quote 0
                • S Offline
                  strawberry 3.141 Project Sponsor Module Developer @tosti007
                  last edited by Jan 20, 2017, 9:52 AM

                  @tosti007 nevermind i thought i read that you should put it in fullscreen_above, but that was probably another module sry

                  Please create a github issue if you need help, so I can keep track

                  T 1 Reply Last reply Jan 20, 2017, 9:58 AM Reply Quote 0
                  • T Offline
                    tosti007 Module Developer @strawberry 3.141
                    last edited by Jan 20, 2017, 9:58 AM

                    @strawberry-3.141 no problem, for fullscreen it would work

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

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      Snille Module Developer
                      last edited by Snille Jan 23, 2017, 10:09 PM Jan 22, 2017, 8:43 PM

                      Different look for this module, just wanted to share :)…
                      Grayscale:
                      0_1485117459525_template.png
                      Or in color:
                      0_1485117717172_template2.png
                      It’s only the pictures that differ from the gray or color ones.
                      You have to use your own pictures of course. :)

                      In the config.js:

                      {
                      	module: 'MMM-TouchNavigation',
                      	position: 'bottom_left',
                      	classes: "default everyone",
                      	config: {
                      		picturePlacement: "right",
                      		minWidth: "40px",
                      		direction: "column",
                      		buttons: {
                      			"Name1": {
                      				img: "http://www.your-picture.com/name1-Gray.png", 
                      				width: 60,
                      				height: 60
                      			},
                      			"Name2": {
                      				img: "http://www.your-picture.com/name2-Gray.png", 
                      				width: 60,
                      				height: 60
                      			},
                      			"Name3": {
                      				img: "http://www.your-picture.com/name3-Gray.png", 
                      				width: 60,
                      				height: 60
                      			}
                      		}
                      	}
                      },
                      

                      In my custom.css:

                      /* Touch Buttons */
                      .navigation-button {
                          margin: 5px;
                          padding: 0px 0px;
                          border: 2px solid #FFF; 
                          border-radius: 0px;
                          border-radius: 50%;
                      }
                      .navigation-picture {
                          margin: 0px 0px;
                          border-radius: 50%;
                      }
                      .navigation-menu {
                          align-items: flex-start;
                      }
                      /* ----- End ----- */
                      

                      Update: Just noticed that the buttons got “stretched” if something else was displayed in the same region. So I added the “.navigation-menu” part in the css.
                      If you have the buttons on the right side, use: “flex-end” instead of “flex-start”.

                      Enjoy! :)

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

                      T S 2 Replies Last reply Jan 22, 2017, 10:16 PM Reply Quote 1
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 2 / 5
                      2 / 5
                      • First post
                        19/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